const express = require('express'); const bodyParser = require('body-parser'); const app = express(); app.use(bodyParser.urlencoded({ extended: false })); app.use(bodyParser.json()); app.post("/addData", (req, res) => { res.send("添加成功"); }); app.post("/dataList", (req, res) => { var arr = []; var zhansan = { name: "张三", age: 19 }; var lisi = { name: "李四", age: 19 }; arr.push(zhansan); arr.push(lisi); res.send(JSON.stringify(arr)); }); const port = 3000; app.listen(port, () => { console.log(`服务器已启动,正在监听端口 ${port}`); }); 上面是js文件,下面是index.html文件<!DOCTYPE html> <html> <head> <title>Node.js Demo</title> <script src="jquery-3.7.0.js"></script> </head> <body> <button onclick="addData()" class="addData">按钮一</button> <button onclick="getDataList()" class="DataList">按钮二</button> <div id="result"></div> <script> function addData() { $.post("/addData", function(data) { alert(data); }); } function getDataList() { $.post("/dataList", function(data) { var resultDiv = document.getElementById("result"); resultDiv.innerHTML = data; alert(data); }); } </script> </body> </html>没弹出按钮
时间: 2024-04-24 09:21:17 浏览: 211
node.js中express中间件body-parser的介绍与用法详解
问题可能出在你的HTML文件中没有正确引入jQuery库。请确保在项目根目录下存在名为`jquery-3.7.0.js`的文件,并确保它被正确引入。
另外,请将`index.html`文件与`app.js`文件放在同一个目录下,并确保在浏览器中通过`http://localhost:3000/index.html`来访问页面。
如果问题仍然存在,请检查以下几点:
1. 确保你已经在项目根目录下安装了jQuery库。可以通过以下命令来安装:
```shell
npm install jquery --save
```
2. 确保`app.js`和`index.html`文件在同一个目录下。
3. 确保你的项目结构如下所示:
```
- 项目根目录
- app.js
- index.html
- jquery-3.7.0.js
```
4. 如果你的项目结构不同,你需要相应地调整相关文件的路径。
如果你依然无法解决问题,请提供更多详细的错误信息,以便我更好地帮助你。
阅读全文