jquery讀取jsonp數據的教程詳解

計算機的自身發展和社會需求增長的速度是迅速的，並越來越受到人們的關注，下面就讓我們一起來欣賞這篇關於jquery讀取jsonp數據的教程的文章吧!

jquery讀取jsonp數據，下面以PHP作為jsonp的返回服務端頁面，用jquery的$.getJSON獲取jsonp數據

示例PHP代碼：

$callback = $_GET["callback"];

$a = array(

'name'=>'張三',

'sex'=>'男',

'age'=>24,

'name'=>'李四',

'sex'=>'男',

'age'=>26,

);

$result = json_encode($a);

echo "$callback($result)";

exit;

=======================================================

jquery代碼：

$.getJSON("http://1.net/jsonp.php?callback=?",function(json){

console.log(json.name);

});

測試發現getJSON 的callback  只能是 =? 不能是其他名字，如果是其他名字就提示跨域了，完整的ajax寫法是可以的，如下：

$.ajax({

type: "GET",

url:"http://1.net/jsonp.php",

dataType: "jsonp",

jsonp: "callback",      //傳遞給請求處理程序或頁面的，用以獲得jsonp回調函數名的參數名(一般默認為:callback)

jsonpCallback:"test",   //自定義的jsonp回調函數名稱，默認為jQuery自動生成的隨機函數名，也可以寫"?"，jQuery會自動為你處理數據

success: function(json){

console.log(json.name);

},

error: function(){

console.log("fail");

}

});

});

//用$.ajax的方式是可以執行test(arr)的

function test(arr){

console.log(arr.name)

}

以上就是精品為您准備的關於jquery讀取jsonp數據的教程的信息，希望對您的生活工作有幫助。