解决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
控制台打印结果

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

你可能感兴趣的:(解决Ajax跨域问题----JSONP)