jQuery .load()无法在Chrome中运行

时间:2010-06-07 14:50:02

标签: jquery google-chrome

.load()工作正常,但由于某些原因,它现在不在Chrome中(可能是某种更新)。我在Chrome 5.0.375.55上。我已经把问题解决了这个问题:

的index.htm

<html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function () {
          $('#reader').load('test.htm');
      });
    </script>

  </head>
  <body>
    <div id='reader'>Loading ...</div>
  </body>
</html>

TEST.HTM

<h1>Loaded successfully</h1>

这适用于Firefox和IE,但在Chrome上它无需替换#reader div的内容。

编辑:我应该补充一点,我在本地运行它,它永远不会部署在网络服务器上。

编辑2:我尝试了.load('file:///C:/path/to/test.htm'),但在Chrome中却无效。

3 个答案:

答案 0 :(得分:20)

这是Chrome解释的“同源策略”(或具有相同效果的错误)。尝试使用--allow-file-access-from-files运行Chrome。

答案 1 :(得分:4)

我遇到了同样的问题,但如果您将其上传到网络服务器,您可能会发现它有效。我测试了它,当我将测试页上传到服务器时就完成了。

答案 2 :(得分:2)

--disable-web-security--allow-file-access-from-files都没有为我工作,虽然我发现使用'127.0.0.1'代替'localhost'解决了这个问题。