Jquery ajax jsonp跨域调用实例代码
$(document).ready(function(){
$("#jsonpBtn").click(function(){
var url = "http://example.com/api/data"; // 你的API地址
$.ajax({
url: url,
type: 'GET',
dataType: 'jsonp', // 指定jsonp类型
jsonpCallback: 'jsonCallback', // 服务器端用于接收callback调用的函数名
success: function(response) {
console.log(response); // 处理响应数据
},
error: function(jqXHR, textStatus, errorThrown) {
console.log('JSONP request failed: ' + textStatus);
}
});
});
});
// 回调函数,需要和服务器端约定的名称相同
function jsonCallback(data) {
console.log(data); // 处理响应数据
}
在这个例子中,我们使用jQuery的$.ajax
方法通过JSONP的方式进行跨域请求。我们设置了dataType
为'jsonp'
,并指定了一个回调函数jsonCallback
,这个函数需要和服务器端的响应一起返回,以便在收到数据时被调用。服务器端应该返回类似于jsonCallback({...})
的格式。注意,服务器必须支持JSONP请求。
评论已关闭