jsonp get添加回调函数
时间: 2023-11-11 14:48:22 浏览: 38
JSONP(JSON with Padding)是一种利用 script 标签跨域访问数据的技术。它利用 script 标签没有跨域限制的特性,通过动态创建 script 标签,向服务器请求数据,服务器返回数据时将数据包裹在一个函数调用中返回给客户端,客户端接收到数据后,就可以执行该函数,从而实现了跨域访问数据的目的。
在 JSONP 中,服务器返回的数据需要包裹在一个函数调用中,这个函数需要在客户端定义,这样客户端就可以在接收到数据后执行这个函数。这个函数称为回调函数。
以下是一个 JSONP 请求的示例:
```javascript
function jsonp(url, callback) {
const script = document.createElement('script');
script.src = url + '?callback=' + callback;
document.body.appendChild(script);
}
function handleData(data) {
console.log(data);
}
jsonp('http://example.com/data', 'handleData');
```
在上面的示例中,jsonp 函数接收两个参数,第一个参数是请求的 URL,第二个参数是回调函数的名称。在创建 script 标签时,将回调函数的名称作为 URL 的一个参数传递给服务器,服务器返回的数据将会被包裹在这个函数调用中。在客户端定义的回调函数 handleData 将会接收到服务器返回的数据。