Jquery中的Ajax无法在本地文件中运行

时间:2013-07-30 13:10:26

标签: jquery html ajax local

我使用简单的ajax创建了简单的html文件。

的index.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
    <div id="content"></div>

    <script>
        function show()
        {
                $.ajax({
                url: "2.html",
                cache: false,
                success: function(html){
                    $("#content").html(html);
                }
            });
        }

        $(document).ready(function(){
            show();
            setInterval('show()',1000);
        });
    </script>

</body>
</html>

文件 2.html 与文件 index.html 位于同一目录中。并包含例如:

 <p>ssss hkl jh lkh <b>d1111</b></p>

当我在网络服务器上运行 index.html 时,一切正常。但是,如果您在计算机上运行文件 index.html 作为本地文件ajax无法正常工作。如何解决?

2 个答案:

答案 0 :(得分:15)

某些浏览器实施了强大的安全措施,以防止下载的网页访问文件系统上的任意文件。

切换到安全性较弱的浏览器(我认为Firefox允许通过XHR访问本地文件)或停止尝试运行没有HTTP的网站。

答案 1 :(得分:10)

这是Chrome的一个已知问题,如果您正在检查它。使用XAMPP运行本地Web服务器,并测试您的ajax调用。

查看此票证:https://code.google.com/p/chromium/issues/detail?id=40787