jsonp原理及简单实现（jsonparse原理）

使用jquery的jsonp如何发起跨域请求及其原理详解

JSONP 的基本原理是利用 标签的 src 属性没有跨域限制的特性来实现跨域数据访问。在使用 JSONP 时，需要在客户端创建一个 script 标签，将需要访问的资源 URL 以参数形式传递给服务器，服务器在接收到请求后，将数据装入一个函数调用中返回给客户端。

JSONP实现跨域请求的原理简单的说，就是动态创建script标签，然后利用script的src 不受同源策略约束来跨域获取数据。JSONP 由两部分组成：回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数。回调函数的名字一般是在请求中指定的。而数据就是传入回调函数中的 JSON 数据。

JSONP的最基本的原理是：动态添加一个script标签，而script标签的src属性是没有跨域的限制的。这样说来，这种跨域方式其实与ajax XmlHttpRequest协议无关了。这样其实jQuery AJAX跨域问题就成了个伪命题，jquery $.ajax方法名有误导人之嫌。

如何实现跨域?jsonp实现原理

1、JSONP 的基本原理是利用 标签的 src 属性没有跨域限制的特性来实现跨域数据访问。在使用 JSONP 时，需要在客户端创建一个 script 标签，将需要访问的资源 URL 以参数形式传递给服务器，服务器在接收到请求后，将数据装入一个函数调用中返回给客户端。

2、最后看看jsonp是否支持POST方式：ajax请求指定POST方式可以看到，jsonp方式不支持POST方式跨域请求，就算指定成POST方式，会自动转为GET方式；而后端如果设置成POST方式了，那就请求不了了。jsonp的实现方式其实就是script脚本请求地址的方式一样，只是ajax的jsonp对其做了封装，所以可想而知，jsonp是不支持POST方式的。

3、处理跨域方法一——JSONP JSONP原理 利用script元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 数据。JSONP请求一定需要对方的服务器做支持才可以。JSONP和AJAX对比 JSONP和AJAX相同，都是客户端向服务器端发送请求，从服务器端获取数据的方式。

JSONP的原理和优缺点

1、---JSONP的缺点：首先，它没有关于JSONP调用的错误处理，一旦回调函数调用失败，浏览器会以静默失败的方式处理。其次，它只支持GET请求，这是由于该技术本身的特性所决定的。因此，对于一些需要对安全性有要求的跨域请求，JSONP的使用需要谨慎一点了。JSONP不支持用async：false的方法设置同步。

2、JSONP的优缺点 优点 1它不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制，JSONP可以跨越同源策略；2它的兼容性更好，在更加古老的浏览器中都可以运行，不需要XMLHttpRequest或ActiveX的支持 3在请求完毕后可以通过调用callback的方式回传结果。将回调方法的权限给了调用方。

3、JSON：是一种轻量级的数据交换格式。JSONP：是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。特点不同 JSON：基于 ECMAScript （欧洲计算机协会制定的js规范）的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。

4、JSONP（JSON with Padding（填充）是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。JSONP是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。