JQuery+ajax+jsonp 跨域訪問

2019-11-17 01:35:34

字體：大中小

來源：轉載

供稿：網友

JQuery+Ajax+jsonp 跨域訪問

Jsonp(JSON with Padding)是資料格式 json 的一種“使用模式”，可以讓網頁從別的網域獲取資料。

關于Jsonp更詳細的資料請參考http://baike.baidu.com/view/2131174.htm，下面給出例子：

一.客戶端

Html代碼

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>Inserttitlehere</title>
<scrjavascript"src="resource/js/jquery-1.7.2.js"></script>
</head>
<scripttype="text/Javascript">
$(function(){
/*
//簡寫形式，效果相同
$.getJSON("http://app.example.com/base/json.do?sid=1494&busiId=101&jsonpCallback=?",
function(data){
$("#showcontent").text("Result:"+data.result)
});
*/
$.ajax({
type:"get",
async:false,
url:"http://app.example.com/base/json.do?sid=1494&busiId=101",
dataType:"jsonp",//數據類型為jsonp
jsonp:"jsonpCallback",//服務端用于接收callback調用的function名的參數
success:function(data){
$("#showcontent").text("Result:"+data.result)
},
error:function(){
alert('fail');
}
});
});
</script>
<body>
<divid="showcontent">Result:</div>
</body>
</html>