跨域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,但不能兼容低版本浏览器

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值