问题描述: 在将HTML页面中的Ajax post请求发送到Express应用程序时,请求不起作用。
解决方法: 首先,确保你已经包含了jQuery库。在HTML页面的
标签中添加以下代码:
接下来,确保你已经正确设置了Express应用程序。在Express应用程序的入口文件(通常是app.js或index.js)中添加以下代码:
const express = require('express');
const app = express();
app.use(express.json());
app.use(express.urlencoded({ extended: true }));
// 添加路由处理程序
app.post('/api/data', (req, res) => {
// 处理post请求的逻辑
res.send('Post请求已成功处理');
});
// 启动服务器
app.listen(3000, () => {
console.log('服务器已启动');
});
注意,上述代码中的/api/data
是一个示例路由,你应该根据你的实际需求进行修改。
接下来,在HTML页面的
上述代码中,#submitBtn
是一个按钮的id,#nameInput
和#emailInput
是输入框的id,你应该根据你的实际HTML页面进行修改。
最后,确保你已经启动了Express应用程序。在命令行中进入应用程序的目录,并运行以下命令:
node app.js
这样,你的Express应用程序就会在端口3000上启动。
现在,当你点击HTML页面中的按钮时,Ajax post请求应该成功发送到Express应用程序,并在控制台中打印出响应或错误信息。