jsonp跨域

Posted tianya-guoke

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jsonp跨域相关的知识,希望对你有一定的参考价值。

技术图片

技术图片

技术图片

src是请求资源的路径:

技术图片

请求后报错:

技术图片

原因是cb后面的函数没找到,

技术图片

改变一下cb后面的函数名:   (每个网站cb都不一样)

技术图片

再定义一下fn

技术图片

成功请求到 了数据:

技术图片

也成功向百度发送了请求:

技术图片

找到cb就相当于ajax的success

 

技术图片 问号拼接参数这种形式是get请求

所以通过jsonp发送的请求是get请求

 

请求的数据开头是cb后面显示的数据

技术图片

形式是cb后面的数据fn包裹一些数据

技术图片

 

demo:

技术图片

技术图片

技术图片

技术图片

src:  技术图片

数据在s中

技术图片

上面的herf:     (实现点击可以跳转)

技术图片技术图片

然后内容放到a标签里

技术图片

 

以上是关于jsonp跨域的主要内容,如果未能解决你的问题,请参考以下文章

ajax跨域方法

WeX5 - AJAX跨域调用相关知识-CORS和JSONP

原生javascript里jsonp的实现原理

跨域解决方案

原生javascript里jsonp的实现原理

Java:ajax跨域问题