jquery 跨域问题
时间: 2023-11-14 11:10:05 浏览: 108
jQuery跨域问题
3星 · 编辑精心推荐
在 jQuery 中,可以通过设置 `dataType: 'jsonp'` 来解决跨域问题。JSONP(JSON with Padding)是一种跨域数据交互的技术,它利用了 `<script>` 标签可以跨域访问的特性,通过在请求 URL 中添加一个回调函数名,服务器返回的数据会被包裹在这个回调函数中,从而实现跨域数据交互。
具体实现步骤如下:
1. 在请求 URL 中添加一个回调函数名,例如:`http://example.com/api?callback=handleResponse`。
2. 在页面中定义一个全局函数 `handleResponse`,用于处理服务器返回的数据。
3. 使用 jQuery 的 `$.ajax()` 方法发送请求,并设置 `dataType: 'jsonp'`。
示例代码如下:
```javascript
function handleResponse(data) {
console.log(data);
}
$.ajax({
url: 'http://example.com/api',
dataType: 'jsonp',
jsonpCallback: 'handleResponse'
});
```
阅读全文