zoukankan      html  css  js  c++  java
  • 跨域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,但不能兼容低版本浏览器

  • 相关阅读:
    html常用标签与扩展(标签语义化、Doctype)
    html认识
    兼容性问题统计
    最短的包含字符串 (尺取法)
    与7 无关的数(前缀和)
    子序列(尺取入门)
    孪生素数
    vector 详解
    进制转换(高级版^^)
    容斥 mobius反演
  • 原文地址:https://www.cnblogs.com/lasthelloworld/p/4952099.html
Copyright © 2011-2022 走看看