jsonp 的用法

jsonp 的用法
JSONP（JSON with Padding）是一种解决跨域请求的技术。

由于浏览器的同源策略，XMLHttpRequest对象不能直接跨域请求数据。

而JSONP通过动态添加script标签并设置src属性来进行跨域请求，利用了浏览器对script标签的src属性没有同源限制的特点。

JSONP的用法如下：
1. 客户端定义一个回调函数，并将其名称作为参数传递给服务端；
2. 客户端通过动态创建script标签，src属性指向服务端接口地址，并将回调函数名称作为参数传递给服务端；
3. 服务端在处理请求时，获取到回调函数名称，并将返回数据包装到该回调函数中作为参数返回给客户端；
4. 客户端接收到响应后，回调函数被调用，从而可以获取到服务端返回的数据。

例如，客户端代码如下：
javascript
function handleResponse(data) {
console.log(data); 处理服务端返回的数据
}
var script = document.createElement('script');
script.src = '
document.body.appendChild(script);
服务端代码如下：
javascript
var data = { name: 'John', age: 25 };
var callback = req.query.callback; 获取回调函数名称
var response = callback + '(' + JSON.stringify(data) + ')'; 构造包含数据的回调函数调用
res.send(response);
通过以上的JSONP流程，客户端可以跨域请求到服务端的数据并进行使用。

需要注意的是，在使用JSONP时要确保服务端能够接收并正确处理回调函数名称，并将数据包装到回调函数中返回给客户端。

此外，客户端要确保回调函数名称在全局作用域下是唯一的，以防止冲突。