用document.domain完美解决Ajax跨子域（转）

时间 2019-12-07

标签 document.domain document domain 完美解决 ajax 子域栏目 HTML 繁體版

原文原文链接

利用Ajax跨域加载的内容是位于work.js8.in域名下的helloworld.txt。咱们须要在主页面中设置document.domain为js8.in，而后主页面添加一个iframe，src为域名work.js8.in下的一个url，在iframe页面中一样设置document.domain为js8.in，同时iframe中须要添加Ajax的函数，例如引入jQuery.js。javascript

一，本身的页面http://www.js8.in/mywork/crossdomain/index.html（域为www.js8.in）代码以下html

<body>
  <div id="ajax">跨域成功此处内容被替换</div>
  <iframe src="http://work.js8.in/crossdomain/iframe.html" id="iframe" style="display:none;"></iframe>
<script type="text/javascript">
  document.domain = 'js8.in';
  function crossDomain(){
   var iframe=document.getElementByIdx_x('iframe').contentWindow.$;
        iframe.get("http://work.js8.in/crossdomain/helloworld.txt",function(data){
            document.getElementByIdx_x("ajax").innerHTML=data;
        });
  }
</script>
</body>
</html>jquery

二：另外个域下的文件，也就是iframe中src的文件http://work.js8.in/crossdomain/iframe.html（域为work.js8.in），代码以下ajax

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>用document.domain+iframe实现Ajax跨子域</title>
</head>
<script type="text/javascript" src="../public/jquery1.4.js"></script>
<script type="text/javascript">
  document.domain = 'js8.in';
</script>
<body>
</body>
</html>跨域

三：数据文件http://work.js8.in/crossdomain/helloworld.txt内容为dom

hello,world; From "work.js8.in";

点击以前与以后的结果以下

用document.domain完美解决Ajax跨子域 （转）

用document.domain完美解决Ajax跨子域（转）