Question

我正在尝试使用AJAX将位于我服务器上的html页面加载到div框架中（iframe将无法使用自定义滚动条正确滚动）并且它在firefox中加载正常，但它似乎没有任何其他东西（tho it）我一直在IE工作，我很确定。）

<div id="scroll" class="news frame" style="position:absolute;width:570px;height:430px;margin:0px auto;left:143px;top:70px;background:#fff;overflow:auto;overflow-y: hidden;">
<div id="load"></div>
<script>
   $(document).ready(function(){
        $('#load').load('http://www.bizzaromatic.com/news.html');
    });
</script>
</div>

显然我需要某种跨浏览器解决方案，但我对JS和Jquery的了解有限，这让我来到这里。

编辑：如果有人有更好的方法在不是iframe的框架中嵌入页面，我也很乐意听取。

Answer 1

有关此问题的多个解决方案的主题，请查看此主题：jQuery's .load() not working in IE - but fine in Firefox, Chrome and Safari

其中一个答案（适合您的代码）：

<div id="scroll" class="news frame" style="position:absolute;width:570px;height:430px;margin:0px auto;left:143px;top:70px;background:#fff;overflow:auto;overflow-y: hidden;">
  <div id="load"></div>
  <script type="text/javascript">
  jQuery(document).ready(function() {
      jQuery.get("http://www.bizzaromatic.com/news.html", function (data) { 
          data = '"' + data + '"';    
          $("#load").html(data);
          var newHTML = $('#load').html();
          $('#load').html(newHTML.substr(1,newHTML.length-2));
      });
  });
  </script>
</div>

希望这有帮助。

Answer 2

感谢Dotnet Dreamer提供有关浏览器控制台内容的提示/提醒。这是一个启动它的启动板。

我说：

Header add Access-Control-Allow-Origin "http://bizzaromatic.com"
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

在我的.htaccess中，现在一切都好了。感谢其他所有人，也可以抽出时间来帮助他们。

Ajax嵌入页面加载不起作用

2 个答案: