跨域ajax原理(jsonp方式)

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调用

另：新规范中对跨域http请求进行了支持，只需请求中带Origin头，响应头中设置下允许即可，这种方式优于jsonp，但不能兼容低版本浏览器

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!