Question

我想弄清楚功能load()在Chrome和Firefox中无法解决的问题。使用Internet Explorer它可以很好地工作。

我有一个WampServer。

在Chrome中，我收到错误：

Access-Control-Allow-Origin
不允许使用Origin null

我把文件放在本地服务器上，它是在线的。我可以访问图像，查看代码。但是load()出了什么问题？

<body>
    here is a image
    <img src="/wamp/www/testing/baby2.jpg" width="100px" height="200px"></img>   

    <ul id="aj">
        <li><a href="/wamp/www/testing/celeb1.html">One</a></li>
        <li><a href="/wamp/www/testing/celeb2.html">Two</a></li>
        <li><a href="/wamp/www/testing/celeb3.html">Three</a></li>
    </ul>
    <br>
    <div id="desc">

    </div>

    <script>
    $(document).ready(function(){
        $('#aj a').click(function(){
            var v= $(this).attr('href');

            $('#desc').load(v);
            return false;
        });
    });//ready
    </script>
</body>

提前致谢。

Answer 1

我认为网址中的问题

尝试将它们写成......

     <ul id="aj">
       <li><a href="/testing/celeb1.html">One</a></li>
       <li><a href="/testing/celeb2.html">Two</a></li>
       <li><a href="/testing/celeb3.html">Three</a></li>
    </ul>

你也可以看看@ this Topic

Answer 2

这是Chrome的问题：see this bug以及this answer。

您可能需要使用特殊命令行标记启动Chrome：

chrome.exe --allow-file-access-from-files

Answer 3

在Apache设置中（转到WAMP安装中名为httpd.conf的文件），您为主目录指定了什么？当您使用以正斜杠开头的链接（例如/testing/celeb1.html）时，这是您的浏览器所使用的内容。

通常，它会像/wamp/www/。因此，您只需使用URI的/testing/...部分来获取超链接。

简单的ajax load（）在jquery中不起作用

3 个答案: