1.安装依赖
npm i express mysql body-parser cors -d
2.新增index.js
const express = require('express')
const app = express()
const cors = require('cors')
app.use(cors())
const bodyParser = require('body-parser')
app.use(bodyParser.urlencoded({ extended:false}))
app.use(bodyParser.json())
const mysql = require('mysql')
const connection = mysql.createConnection({
host:'localhost',
user: 'root',
password: '',
port : '3306',
database: 'node_fe1',
multipleStatements:true
})
app.get('/api/getuser',(req,res,next) => {
const sql ='SELECT * FROM users'
connection.query(sql,(err,results) =>{
if(err){
return res.json({
code: 1,
message: '用户不存在',
affextedRows: 0
})
}
res.json ({
code : 200,
data: results,
affextedRows:results.affextedRows
})
})
})
app.listen(3001,() => {
console.log('服务启动成功:'+`http://localhost:3001/`)
})
- 项目目录结构和数据库表结构


3.运行node文件
node .\index.js
- 如图:

- 打开浏览器输入api地址,如图

4.新建html,访问这个接口api
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<button id="btn">ser</button>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script>
$("#btn").click(function() {
$.ajax({
method: "GET",
url: "http://127.0.0.1:3001/api/getuser",
data: {},
success: function(data) {
console.log(data);
},
error: function(err) {
console.log(err);
}
});
});
</script>
</body>
</html>

【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!