继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

简述jsonp实现跨域原理

风之子ccf
关注TA
已关注
手记 13
粉丝 13
获赞 305

首先在客户端注册一个callback, 然后把callback的名字传给服务器。此时,服务器先生成 json 数据。 然后以 javascript 语法的方式,生成一个function , function 名字就是传递上来的参数 jsonp。最后将 json 数据直接以入参的方式,放置到 function 中,这样就生成了一段 js 语法的文档,返回给客户端。

客户端浏览器,解析script标签,并执行返回的 javascript 文档,此时数据作为参数,传入到了客户端预先定义好的 callback 函数里。(动态执行回调函数)

以上是在另外一个博客里面看到的,个人觉得有点难懂。

以下是个人的理解:
1、在本地定义一个服务端回调的function函数(服务端调用该函数将查询的数据以参数形式传入这个函数)
2、script包含服务器脚本,里面要将本地定义好的function函数名传过去,获取到数据后调用该函数
3、在异源的地址调用了本地的js函数,然后再function里面对函数进行处理。

打开App,阅读手记
5人推荐
发表评论
随时随地看视频慕课网APP

热门评论

不详细,有个毛用,看不懂

查看全部评论