javascript - 简单的 ajax load() 在 jquery 中不起作用

标签 javascript jquery ajax

我试图找出函数 load() 在 Chrome 和 Firefox 中不起作用的问题。使用 Internet Explorer,它可以完美地工作。

我有一个 WampServer。

在 Chrome 中,我收到错误:

Origin null is not allowed by Access-Control-Allow-Origin

我把文件放在本地服务器上,它是在线的。我可以访问图像,请参阅代码。但是 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>

提前致谢。

最佳答案

我认为问题出在URL

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

     <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>

你也可以看看@这个Topic

关于javascript - 简单的 ajax load() 在 jquery 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11708117/

相关文章:

javascript - 停止使用 js/jquery 提交表单?

javascript - 使用 JQuery for phonegap Application 在客户端使用 REST API

javascript - 即使在函数中更新后,全局对象仍未定义

javascript - 收集适当的 onScroll 数据来触发 AJAX 功能

javascript - setTimeout 改变超时值

javascript - 滚动经过每个部分时更改 SVG 的颜色

php - JQGrid 使用 OnSelectRow 在另一个网格上加载数据

javascript - 检查Express Session是否过期

javascript - "Unexpected var"定义变量时出错

javascript - 检查输入是否为空