前言
在前端开发中，我们常常需要使用跨域请求获取数据。JSONP 是一种常用的解决跨域问题的方式，它通过动态创建 script 标签实现异步请求，并将数据以 JSON 形式返回到回调函数中。然而，由于 JSONP 只能发送 GET 请求，且存在安全风险，使用 JSONP 并不是最优的解决方案。
为了解决这些问题，我们可以使用 jsonp-body 这个 npm 包来实现跨域请求。
简介
jsonp-body 是一个基于 Express 的 npm 包，它允许我们通过 POST 请求发送 JSONP 数据，并以 JSON 形式返回响应数据。
安装
我们可以使用 npm 命令来安装 jsonp-body：
npm install jsonp-body
使用方法
首先，在你的项目中引入 jsonp-body：
const jsonpBody = require('jsonp-body');
然后，定义一个 Express 路由：
app.post('/api/data', (req, res) => { const data = { name: 'John', age: 30 }; const callbackName = req.body.callback; const jsonp = jsonpBody(data, callbackName); res.send(jsonp); });
在上面的示例代码中，当接收到 POST 请求 /api/data 后，我们通过 jsonp-body 将数据以 JSONP 形式返回到客户端。其中，req.body.callback 代表客户端传递的回调函数名。
示例代码
下面是一个完整的示例：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --------- - ---------------------- ----- --- - ---------- ------------------------ --------------------- ----- ---- -- - ----- ---- - - ----- ------- ---- -- -- ----- ------------ - ------------------ ----- ----- - --------------- -------------- ---------------- --- ---------------- -- -- ------------------- ------- -- ---- --------展开代码
在这个示例中，我们定义了一个 Express 应用程序，它监听 3000 端口，并通过 POST 请求 /api/data 返回 JSONP 数据。
总结
使用 jsonp-body 可以方便地实现跨域请求，并将数据以 JSON 形式返回到客户端。它是一种比较安全和灵活的解决跨域问题的方式，在实际应用中可以发挥重要作用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/45120
