# 如何使用 Express.js 处理 JSONP 请求-JavaScript中文网-JavaScript教程资源分享门户

如何使用 Express.js 处理 JSONP 请求

Express.js 是一个流行的 Node.js 应用程序框架，它可以让开发者快速构建强大的 Web 应用程序。其中之一的功能就是处理 JSONP 请求，那么，什么是 JSONP 请求呢？

什么是 JSONP 请求

JSONP（JSON with Padding）是一种跨域请求的方法，它允许 Web 开发者从不同域名的服务器上获取数据，而不会被浏览器的同源策略限制。在 JSONP 中，浏览器通过在 script 标签中添加一个回调函数名，向远程服务器发送请求。服务器会将请求数据包装在这个回调函数中，发送回浏览器页面，从而实现跨域请求的目的。

如何使用 Express.js 处理 JSONP 请求

在 Express 中，我们可以使用 res.jsonp() 方法来处理 JSONP 请求。这个方法和 res.json() 方法类似，但是支持动态的回调函数名。下面是处理 JSONP 的基本示例：

app.get('/data.js', function(req, res) {
    var data = { name: 'Tom', age: 25 };
    res.jsonp(data);
});

在上面的例子中，我们创建了一个 /data.js 路由，这个路由会返回一个简单的 JSON 对象。然后我们使用 res.jsonp() 方法将这个 JSON 对象发送回浏览器。在这里，res.jsonp() 方法会自动检测请求中是否包含回调函数名的参数，如果存在的话，它会使用这个参数作为回调函数名。否则，它会使用默认的回调函数名为 jsonp。

// 请求 http://localhost:3000/data.js?callback=myFunction
// 返回: myFunction({ name: 'Tom', age: 25 });

上述代码中，我们手动指定了一个回调函数名为 myFunction。如果我们不指定回调函数名，Express 会使用默认的回调函数名 jsonp。浏览器在接收到数据之后，会自动执行这个回调函数来获取数据。

JSONP 请求处理的高级应用

当我们想要处理更加复杂的 JSONP 请求时，我们需要手动处理回调函数名，并且处理 JSON 数据的返回格式。比如说，我们需要兼容多个回调函数名，并且需要在返回的数据中加入一些其他的信息。下面是这种情况下的一个高级示例：

-- -------------------- ---- -------
----------------- ------------- ---- -
    --- ---- - - ----- ------ ---- -- --
    --- -------- - -------------------

    ------------ -
        -- ---------------------------
        ----------------------------
        --- ------------ - -------- - --- - -------------------- - -----
        -----------------------
    - ---- -
        -- --------------- ---- --
        ---------------
    -
---展开代码

在上述示例中，我们实现了一个 /data2 路由，用于处理 JSONP 请求。首先，我们获取了请求中的回调函数名，并保存在 callback 变量中。然后，我们根据是否存在回调函数名来决定如何返回数据。

如果传入了回调函数名，我们将数据包装在回调函数中并返回。注意，我们使用 res.type() 方法来设置 Content-Type 为 text/javascript，以确保返回的数据被当作 JavaScript 而不是纯文本处理。

最后，我们使用 res.send() 方法返回响应数据。在这里，我们手动将数据包装在回调函数中，而不是使用 res.jsonp() 方法。因为需要使用多个回调函数名，我们无法使用自动检测的方式来处理回调函数名。

结语

通过本篇博客，我们已经学习了在 Express.js 中处理 JSONP 请求的方法。如果你在开发 Web 应用程序时需要处理 JSONP 请求，可以使用上述方法来快速实现。在实际应用中，你可能需要更加灵活地处理请求，例如处理自定义的回调函数名和传入的参数等。但不管怎样，使用 Express.js 处理 JSONP 请求非常容易，它可以大大简化开发过程，让你的应用程序更加稳定和可靠。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/67c038dd314edc26846784fc

# 如何使用 Express.js 处理 JSONP 请求