jquery jsonp 跨域
发起jsonp请求页代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<script>
$.ajax({
//async : false, //使用同步请求
type : 'GET',
url : 'http://127.0.0.1:8090/outapp/jsonp',
dataType:'jsonp', //选择返回值类型
jsonp:"callback", //规定发送/接收参数，默认为callback
timeout:30000,
error:function(jqXHR, textStatus, errorThrown){
if(textStatus=="timeout"){
alert('抱歉！请求超时，请重试！或请检查您的网络状况！'); return false;
}else if(textStatus=="error"||textStatus=="parsererror"){
alert('抱歉！系统发生错误，请重试！');return false;
}else if(textStatus=="abort"){
alert('抱歉！程序发生中断，请重试！'); return false;
}
},
success : function(msg) {
if ('' != msg) {
alert(msg.aa);
} else {
alert('文件不存在！');
}
}
});
</script>
</body>
</html>
被跨域请求页代码
$callback=$_GET['callback'];
echo $callback.'({"jsonp": false,"aa": "callbackName" })';
显而易见：jsonp要求的页面返回值格式为 callback ( json字符串 );
json字符串的引号为了避免意外错误，最好使用双引号
对应最终页面输出结果可能为（callback值带有时间戳，会变化）： jQuery17109581847573505305_1323695230871({"jsonp": false,"aa": "callbackName" })
- 上一篇 »JavaScript跨域问题
- 下一篇 »PHP AJAX JSONP实现跨域请求使用实例
