JSONP（JSON with Padding）是一种跨域数据请求方式，通常用于前端与第三方 API 交互。与 Ajax 不同的是，JSONP 不受跨域限制，它通过在请求中添加一个回调函数名来实现数据的请求和处理。本文将介绍如何在 Node.js 中处理 JSONP 请求。
什么是 JSONP
JSONP 是一种使用 JavaScript 动态创建 <script> 标签的技术，通过在 URL 中添加回调函数名来请求数据。例如：
<script src="http://example.com/api/data?callback=handleData"></script>
这个请求会返回一个 JavaScript 函数调用，函数名为 handleData，返回的数据会作为参数传递给这个函数。例如：
handleData({ "name": "John", "age": 30 });由于这个请求是通过 <script> 标签加载的，而不是通过 XMLHttpRequest 请求，因此可以避免跨域限制。
在 Node.js 中处理 JSONP 请求
在 Node.js 中，我们可以使用 querystring 模块解析 URL 中的参数，然后根据参数中的回调函数名和数据生成响应内容。下面是一个简单的示例：
-- -------------------- ---- ------- ----- ---- - ---------------- ----- --- - --------------- ----- ----------- - ----------------------- ----- ------ - ----------------------- ---- -- - ----- - --------- ----- - - ------------------- ----- - -------- - - ------------------------- ----- ---- - - ------- ------- ------ -- -- ----- ----- - --------------------------------------- ------------------ - --------------- ------------------------ --- --------------- --- ------------------- -- -- - ------------------- -- ------- -- ---- ------- ---
在这个示例中，我们创建了一个 HTTP 服务器，并在其中处理了 JSONP 请求。首先，我们使用 url.parse() 方法解析请求 URL，然后使用 querystring.parse() 方法解析 URL 中的参数。接着，我们生成了一个包含回调函数名和数据的 JSONP 响应，并设置响应头的 Content-Type 为 application/javascript，最后将响应发送给客户端。
总结
JSONP 是一种跨域数据请求方式，与 Ajax 不同的是它不受跨域限制。在 Node.js 中，我们可以使用 querystring 模块解析 URL 中的参数，并根据参数中的回调函数名和数据生成响应内容。通过这种方式，我们可以轻松地处理 JSONP 请求，实现前端与第三方 API 的交互。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65fb7c1ed10417a222714e51