介绍
在 Web 开发中，当页面需要对服务器进行异步操作，例如获取数据或更新数据时，我们通常会使用 AJAX。AJAX 可以异步地向服务器发送请求并接收响应，而不需要刷新整个页面。Express.js 是一个适合构建 Web 应用和 API 的 Node.js 框架。本文将详细介绍在 Express.js 中使用 AJAX 的方法和技巧。
AJAX 请求
使用 AJAX 可以在不刷新页面的情况下向服务器发送请求，并将响应提供给浏览器中的 JavaScript。下面是一个基本的 AJAX 请求的示例：
$.ajax({
url: '/api/data',
method: 'GET',
success: function(data) {
console.log(data);
}
});在这个示例中，我们向 /api/data 发送了一个 GET 请求，并在成功响应后将响应数据打印到控制台。
在 Express.js 中，我们可以使用 res.json() 方法来发送响应数据，如下：
app.get('/api/data', function(req, res) {
let data = {
name: 'John',
age: 30
};
res.json(data);
});在这个示例中，当客户端发送一个 GET 请求时，服务器会响应一个 JSON 格式的数据对象。
AJAX 响应
Express.js 中可以使用中间件来处理 AJAX 请求。下面是一个使用 body-parser 中间件处理 POST 请求的示例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ---------- - ----------------------- ----- --- - ---------- ------------------------------- --------- ----- ---- --------------------------- --------------------- ------------- ---- - --- ---- - --------- ------------------ -------------- ----------- --- ---------------- ---------- - ------------------- ------- -- ---- ------- ---
在这个示例中，我们使用了 body-parser 中间件来解析 POST 请求中的请求体数据。当客户端发送一个 POST 请求时，服务器会在控制台打印请求体，并向客户端发送一个字符串响应。
总结
在 Express.js 中使用 AJAX 可以使我们的 Web 应用更加灵活和动态。本文介绍了使用 AJAX 请求和响应的方法和技巧，并提供了示例代码。我们可以使用这些技巧将我们的应用变得更加友善和高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6477f2cd968c7c53b043d81c