本文实例讲述了jQuery使用JSONP实现跨域获取数据的三种方法。分享给大家供大家参考,具体如下:
. ajax({美元
数据类型:“jsonp”,
url: http://www.a.com/user& # 63; id=123,
成功:功能(数据){//处理数据数据
}
});
之前
美元.getJSON (' http://www.a.com/user& # 63; id=123,回调=& # 63;”,功能(数据){//处理数据数据
});
之前
//此时也可以在函数外定义foo方法
函数foo(数据){//处理数据数据
}
美元.getScript (' http://www.a.com/user& # 63; id=123,回调=foo ');
之前
index . html
& lt; !doctype html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> jsonp
& lt;脚本src=" https://www.yisu.com/zixun/jquery-1.8.0.min.js "祝辞& lt;/script>
& lt; script>
. ajax({美元
类型:“文章”,
url:“jsonp.php& # 63;姓名=zhaoxiace&年龄=30”,
数据类型:“jsonp”,
jsonp:“callbackParam ",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:回调)
jsonpCallback:“callbackFunction ",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
成功:功能(数据){
console.log(数据。statusCode + " +数据。消息+ " + data.name + " + data.age);
},
错误:函数(){
alert('请求失败”);
}
});
& lt;/script>
& lt;/head>
之前
jsonp.php
& lt; & # 63;
$ data["年龄"]=$ _GET['年龄'];
$ data [“name”]=$ _GET['名字'];
$ data [“statusCode”]=" 200 ";
元数据(“信息”)="成功”;
tmp美元=json_encode(元数据);//json数据
echo $回调。“(”。tmp美元。');//返回格式,必需
& # 63;比;
之前
<强>代码检验,检验,美化,格式化工具:
http://tools.jb51.net/code/json
http://tools.jb51.net/code/jsonformat
互相转换工具:
http://tools.jb51.net/code/xmljson
http://tools.jb51.net/code/jsoncodeformat
压缩/转义工具:
http://tools.jb51.net/code/json_yasuo_trans
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery操作json数据技巧汇总》、《jQuery形式操作技巧汇总》、《jQuery常用插件及用法总结》,《jQuery扩展技巧总结》,《jQuery表格(表)操作技巧汇总》及《jQuery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
