您现在的位置: 万盛学电脑网 >> 程序编程 >> 数据库 >> 数据库综合 >> 正文

jquery读取jsonp数据的教程详解

作者:佚名    责任编辑:admin    更新时间:2022-06-22

计算机的自身发展和社会需求增长的速度是迅速的,并越来越受到人们的关注,下面就让我们一起来欣赏这篇关于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数据的教程的信息,希望对您的生活工作有帮助。