Node.js 中如何处理 JSONP 请求？-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，JSONP 是一种常见的跨域请求方式。而在 Node.js 中，我们也可以很方便地处理 JSONP 请求。本文将介绍如何使用 Node.js 处理 JSONP 请求，并提供示例代码和深入解释。

什么是 JSONP？

JSONP（JSON with Padding）是一种跨域请求方式，它通过动态创建 script 标签来实现跨域请求。与传统的 Ajax 请求不同，JSONP 请求不受同源策略的限制，因此可以在跨域请求时使用。

JSONP 请求的基本原理是，客户端通过动态创建 script 标签来请求数据，服务器在返回数据时将其包裹在一个函数调用中。客户端在接收到数据后，通过执行该函数来获取数据并进行处理。

如何处理 JSONP 请求？

在 Node.js 中，我们可以使用 Express 框架来处理 JSONP 请求。Express 框架提供了一个 res.jsonp() 方法，可以用来处理 JSONP 请求。

res.jsonp() 方法的使用方法与 res.json() 方法类似，只是返回的数据会被包裹在一个函数调用中。例如：

app.get('/jsonp', function(req, res) {
  const data = { name: 'John', age: 20 };
  res.jsonp(data);
});

在客户端中，我们可以使用动态创建 script 标签的方式来发起 JSONP 请求。例如：

function handleResponse(data) {
  console.log(data);
}

const script = document.createElement('script');
script.src = 'http://localhost:3000/jsonp?callback=handleResponse';
document.body.appendChild(script);

在上面的代码中，我们创建了一个名为 handleResponse 的函数，并将其作为 callback 参数传递给 JSONP 请求。服务端返回的数据将被包裹在 handleResponse 函数调用中，因此客户端可以通过执行该函数来获取数据。

总结

本文介绍了如何在 Node.js 中处理 JSONP 请求。通过使用 Express 框架提供的 res.jsonp() 方法，我们可以很方便地处理 JSONP 请求，并在客户端中使用动态创建 script 标签的方式来发起 JSONP 请求。希望本文能够对你有所帮助，也希望你能够在实际开发中灵活运用 JSONP 技术，为用户带来更好的体验。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/657be611d2f5e1655d699266