解决Ajax跨域问题----JSONP

继之前的文章----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
控制台打印结果

喜欢的点个赞,别吝啬你的赞哟!!!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容