在前端开发过程中，我们经常需要向后端服务器发送请求获取数据或者提交数据，而 AJAX 是一种常用的技术手段。在 Express.js 中，我们可以使用 AJAX 发送 GET 和 POST 请求来实现前后端数据的交互。
AJAX 简介
AJAX 全称 Asynchronous JavaScript and XML，即异步 JavaScript 和 XML。它是一种利用 JavaScript 和 XML 进行客户端和服务器之间的数据交互的技术。
在传统的 Web 应用中，每次用户与服务器交互都需要通过页面的刷新来完成，这样会导致用户体验不佳。而 AJAX 技术可以通过异步请求的方式，实现在不刷新整个页面的情况下，更新局部页面内容，从而提高用户体验。
Express.js 中使用 AJAX 发送 GET 请求
在 Express.js 中，我们可以使用 jQuery 的 AJAX 方法来发送 GET 请求。下面是一个简单的示例：
$.ajax({
url: '/users',
type: 'GET',
success: function(data) {
console.log(data);
}
});上面的代码中，我们向 /users 路径发送了一个 GET 请求，并在请求成功后，将返回的数据打印到控制台中。
在 Express.js 中，我们可以通过 app.get() 方法来定义路由处理程序，从而处理客户端发送的 GET 请求。下面是一个示例：
app.get('/users', function(req, res) {
// 处理 GET 请求，返回数据
res.send('Hello, World!');
});上面的代码中，我们定义了一个 /users 路由处理程序，在该处理程序中，我们返回了一个字符串 'Hello, World!'。
Express.js 中使用 AJAX 发送 POST 请求
在 Express.js 中，我们可以使用 jQuery 的 AJAX 方法来发送 POST 请求。下面是一个简单的示例：
// javascriptcn.com 代码示例
$.ajax({
url: '/users',
type: 'POST',
data: {
name: '张三',
age: 18
},
success: function(data) {
console.log(data);
}
});上面的代码中，我们向 /users 路径发送了一个 POST 请求，并且在请求中带上了一些数据。在请求成功后，我们将返回的数据打印到控制台中。
在 Express.js 中，我们可以通过 app.post() 方法来定义路由处理程序，从而处理客户端发送的 POST 请求。下面是一个示例：
app.post('/users', function(req, res) {
// 处理 POST 请求，返回数据
console.log(req.body.name);
console.log(req.body.age);
res.send('Hello, World!');
});上面的代码中，我们定义了一个 /users 路由处理程序，在该处理程序中，我们打印了客户端发送的数据，并返回了一个字符串 'Hello, World!'。
总结
在本文中，我们介绍了在 Express.js 中使用 AJAX 发送 GET 和 POST 请求的方法，并给出了相应的示例代码。通过学习本文，你可以掌握在 Express.js 中使用 AJAX 技术实现前后端数据交互的基本方法，从而在实际开发中更加灵活地应用该技术。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65599d29d2f5e1655d4072b6