Jsonp的原理,怎么去读取一个script里面的数据

首先动态添加一个script标签,script标签里的src是没有跨域限制的

在客户端脚本中注册一个回调函数,然后把回调函数的名字传递给服务器,服务端得到请求的数据后,用回调函数把输出返回的内容包起来,这样,服务器生成的json数据就能被客户端正确接受

然后以js语法的方式,生成一个function,function的名字就是传递上来的参数callback方法的名字

最后将json数据直接以入参的方式,放置到function中,这样就生成了一段js语法的文档,返回给客户端

function jsonpCallback(result) {

            alert(result.msg);

        }

其中jsonCallback是客户端注册的,获取跨域服务器上的JSON数据后,回调的函数。http://crossdomain.com/jsonServerResponse?jsonp=jsonpCallback 这个url是跨域服务器取JSON数据的接口,参数为回调函数的名字,返回的格式为: jsonpCallback({msg:'this is jsondata'}) 。如此就生成了一段js语法的文档, 传回客户端就可以调用jsonpCallBack函数了. 

转载于:https://www.cnblogs.com/runhua/p/9566303.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值