JavaScript访问拒绝页面部分加载错误 - 为什么？

Question

在thirdpartydomain.com我想嵌入一个简单的<script>标签在一个脚本拉从mydomain.com/myscript.js，它只是从mydomain.com/mypage创建一个小<div>和拉动部分页面内容.htm。

这里的剧本，改编自：How to embed Javascript widget that depends on jQuery into an unknown environment

var myEmbedId = '12345'; 
var myEmbedContainerId = 'myEmbedContainer_' + myEmbedId; 
document.write('<div id="' + myEmbedContainerId + '">IF ALL GOES WELL, THIS TEXT WILL BE REPLACED WITH MYPAGE.HTM CONTENTS'); 
document.write('</div>'); 

    (function (window, document, version, callback) { 
     var j, d; 
     var loaded = false; 
     if (!(j = window.jQuery) || version > j.fn.jquery || callback(j, loaded)) { 
      var script = document.createElement("script"); 
      script.type = "text/javascript"; 
      script.src = "http://mydomain.com/jquery-1.4.1.min.js"; 
      script.onload = script.onreadystatechange = function() { 
       if (!loaded && (!(d = this.readyState) || d == "loaded" || d == "complete")) { 
        callback((j = window.jQuery).noConflict(1), loaded = true); 
        j(script).remove(); 
       } 
      }; 
      document.documentElement.childNodes[0].appendChild(script) 
     } 
    })(window, document, "1.3", function ($, jquery_loaded) { 
     $(document).ready(function() { 
      alert('jquery loaded!'); 

      var myRefreshUrl = 'http://mydomain.com/mypage.htm'; 
      alert('refreshing from ' + myRefreshUrl); 

      $.get(myRefreshUrl, function(data){ 
       var returnData = data; 
       alert('return data: ' + data); 
       $('#' + myEmbedContainerId).html(data); }); 

      alert('load complete v2'); 

     }); 
    }); 

在IE中，我得到从Javascript拒绝访问错误;在Firefox中我只是没有返回数据。

这是怎么回事？

Answer 1

您不能创建一个AJAX请求到主持当前窗口上下文的域。

拉断你描述，你可以这样做：

var script = document.createElement('script'); 
script.type = 'text/javascript'; 
script.src = 'http://mydomain.com/dynamic.js?data=somepage.htm'; 
someContainer.appendChild(script); 

在这一dynamic.js，你可以在一个document.write()包裹的HTML内容。最终效果与在DOM中的相同位置插入AJAX请求的结果相同。