jsonp原理及缺点

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

 

 

JSONP的缺点则是：它只支持GET请求而不支持POST等其它类型的HTTP请求；它只支持跨域HTTP请求这种情况，不能解决不同域的两个页面之间如何进行JavaScript调用的问题。

 

 ajax一般不能跨域，所以跨域ajax的原理不是ajax，而是js节点加载，需提供接口的一方服务端支持。

    具体做法：

    假设我要做一个跨域ajax接口，与普通ajax接口有所不同，需要多接收一个回调函数名，做成函数调用形式，以下为伪代码。

    

string callback = request.qustring("callback");
string json = "{test:'test'}";
response.write(callback+"("+json+")");
response.end();

    

 

    假设接口url为 http://xxx.com

    则任意网站前端调用方式为：

 

<script type="text/javascript">
    function callback(res){

    }
</script>
<script type='text/javascript' src='http:xxx.com?callback=callback'><script>

 

    则根据服务端代码，该script节点加载的内容会是callback({test:test});，明白了吧，这样加载该url就会调用全局函数callback并把真正的返回值以参数形式传递进去，
这样就实现了一个支持跨域访问的ajax接口，该接口可以支持被jQuery 的 jsonp形式跨域ajax调用