首页
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
设计教程
初识jsonp
Json
2020-02-04
1.这个理解为一种协议,传递的数据格式是json 2.浏览器跨域无法访问,会报安全
错误
,但是想<script src=>,<img src=> 这些
标签
加载回来的js和
图片
,则可以进行从其他域名
获取
到 3.跟ajax不同,ajax只能访问当
前域名
(不
包括
服务器使用代理等情况) 4.示例1 假如当
前域名
www.current.com <head> <script type="text/javascript" src="http://bankServer.com/getBankCard.js"></script> </head> 远程的getBankCard.js的
内容
alert("从远程
获取
bankCard成功"); 则会弹出窗口 示例2,执行本地的js
方法
<head> <script type="text/javascript"> var showBank = function(data){ alert('我是本地
函数
:' + data.bankName); }; </script> <script type="text/javascript" src="http://bankServer.com/getBankCard.js"></script> </head> getBankCard.js
内容
如下 showBank( { "userId": 1,"bankUserName": "隔壁老王","bankName": "XX银行" }); 弹出窗口且有打印 示例3,动态传递回调
方法
名 <head> <script type="text/javascript"> // 得到航班信息
查询
结果后的回调
函数
var showBank = function(data){ alert('我是本地
函数
:' + data.bankName); }; // 提供jsonp服务的
URL地址
(不管是什么类型的地址,最终
生成
的返回值都是一段javascript
代码
) // 请求参数部分,callback=showBank,key不一定非得是callback,跟
后台
服务能对应上就行 var url = "http://bankServer.com/api/getBankCard?bindId=2&callback=showBank"; // 创建script
标签
,设置其
属性
var script = document.createElement('script'); script.setAttribute('src',url); // 把script
标签
加入head,此时
调用
开始 document.getElementsByTagName('head')[0].appendChild(script); </script> </head> 这个请求就是把查到的结果包装成上面示例2的形式返回
相关文章
ajax怎么解析一段json
AJAX是一种基于JavaScript和XML的技术,能够使网页实现异步交...
ajax怎么把json拿出来
在网页开发中,我们常常需要通过Ajax从后端获取数据并在页面...
ajax怎么循环json对象数组
在前端开发中,经常需要循环JSON对象数组进行数据操作。使用...
ajax怎么从c 后台读取json
AJAX(Asynchronous JavaScript and XML)是一种用于创建 We...
ajax怎么传递json数据
AJAX技术被广泛应用于现代Web开发,它可以在无需重新加载页面...
ajax怎么删除json数据库
Ajax是一种通过JavaScript和HTTP请求交互的技术,可以实现无...