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" })




你可能感兴趣的:(jquery)