继之前的文章----ajax异步请求
上一篇文章没有讲解JSONP，这篇文章补上。
这篇文章阅读只要五分钟左右，现在是追求简洁明了。
1、什么是jsonp？什么是json？
2、如何实现原生jsonp？
3、如何实现jquery--ajax和jsonp？
就解决这三个问题
一、什么是jsonp？什么是json？
因为说jsonp总要和json，很多初学者会产生这样的疑惑。
JSON是一种文本数据格式，采用键值对来实现存储数据。和JSONP完全两码事。
JSON
JSONP的产生其实是ajax不能实现跨域。ajax只是异步请求数据而已，说到跨域只要（端口、域名和协议一个不同就算跨域），因为跨域受到浏览器的同源策略影响，如果用ajax跨域请求数据的话，请求成功，但是数据被浏览器拦截了。所以想要跨域请求数据就需要运用别的方法，注意到有三种标签（link、script、img）跨域请求不受同源策略影响，所以为了获取数据可以使用动态创建script标签，通过src属性将数据通过网址的形式，将数据以callback的形式传递给我们。
说了这么多，下面来看看图例
二、如何实现原生jsonp？
原生jsonp
三、如何实现jquery--ajax和jsonp？
JQuery--ajax和jsonp
控制台打印结果
喜欢的点个赞，别吝啬你的赞哟！！！
网友评论