• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    用iframe设置代理解决ajax跨域请求问题
    今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到ajax跨域请求的问题。于是想用代理的方式来解决这个跨域问题。

    什么是跨域?

    简单的来说,出于安全方面的考虑,页面中的JavaScript无法访问其他服务器上的数据,即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制,实现不同服务器之间通信的效果。

    方案:在服务器端创建一个静态的代理页面,在客户端用iframe调用这个代理,然后通过iframe的document.getElementById("proxy").contentWindow对象来请求ajax。

    服务器端的代理页面:
    复制代码 代码如下:

    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    html xmlns="http://www.w3.org/1999/xhtml">
    head>
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    title>Ajax跨域/title>
    script src="js/jquery-1.6.4.min.js" type="text/javascript">/script>
    script type="text/javascript">
    document.domain = 'xxx.com';
    /script>
    /head>
    body>
    /body>
    /html>

    客户端ajax的调用代码示例:
    复制代码 代码如下:

    iframe src="http://weixin.goumin.com/proxy.html" id="proxy" style="display:none;" onload="loadDefaultData();">/iframe>
    script type="text/javascript">
    document.domain = "xxx.com";
    function loadDefaultData(){
    var iframe_jquery = document.getElementById("proxy").contentWindow.$;
    iframe_jquery.ajax({
    type: "POST",
    url:""+Math.random(),
    data:{},
    async:false,
    dataType:'json',
    success:function(data){
    alert(data);
    }
    });
    }
    /script>

    url:""+Math.random(),

    请注意加红的url这行,用一个随机函数来解决浏览器缓存的问题。让每一次请求的url不一样。
    您可能感兴趣的文章:
    • 跨域请求之jQuery的ajax jsonp的使用解惑
    • AJAX跨域请求json数据的实现方法
    • jQuery.ajax 跨域请求webapi设置headers的解决方案
    • JQuery的Ajax跨域请求原理概述及实例
    • jquery+ajax实现跨域请求的方法
    • 解决ajax跨域请求数据cookie丢失问题
    • PHP处理Ajax请求与Ajax跨域问题
    • Ajax跨域请求COOKIE无法带上的完美解决办法
    • ajax跨域请求js拒绝访问的解决方法
    • jQuery使用ajax跨域请求获取数据
    • Ajax请求跨域问题解决方案分析
    上一篇:HTTP状态代码及其定义解析 Ajax捕捉回调错误参考
    下一篇:ajax下载smartupload的内容无法显示汉字的解决方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    用iframe设置代理解决ajax跨域请求问题 用,iframe,设置,代理,解决,