Jquery / AJAX动态加载的内容未在本地加载

时间:2015-02-25 18:06:51

标签: jquery ajax dynamic

我对Ajax感兴趣并动态地将内容加载到div中。我已经使用jQuery几个月了,但我是Ajax的新手。我在网上找到了这个可下载的教程:here工作正常,但当我下载并在本地测试时,内容不会动态加载。网页是否需要生效才能动态加载内容?如果这是真的,你如何测试ajax?我已经使用XAMPP动态加载PHP内容,但没有尝试使用Ajax。 这里下面是用于加载内容的简单jquery:

$(document).ready(function(){
    $('a').click(function(e){
    e.preventDefault();
    $("#dynamic").load($(this).attr('href'));
    });
});

任何让我朝着正确方向前进的想法都会有所帮助。谢谢!

2 个答案:

答案 0 :(得分:0)

这是工作代码,将负载更改为html;

$(document).ready(function(){
        $('a').click(function(e){
           e.preventDefault();
           $("#dynamic").html($(this).attr('href'));
        });
 });

这是plunker

答案 1 :(得分:0)

对于ajax请求,您必须在Web服务器的上下文中运行该页面,如此问题中所述:"Cross origin requests are only supported for HTTP." error when loading a local file。如果您从原始帖子下载示例并尝试在文件系统的浏览器中打开index.html页面,您应该在JavaScript控制台中看到如下错误:

  

交叉源请求仅支持协议方案:http,   数据,chrome,chrome-extension,https,chrome-extension-resource。

所以,是的,要回答您的原始问题,页面必须是“实时”的,因为它是托管在Web服务器中的。您可以通过在开发计算机上运行本地Web服务器并使用它来提供页面来进行测试。