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

我对Ajax和将内容动态加载到div很感兴趣。我已经使用jQuery几个月了，但我对Ajax还不熟悉。我在网上找到了这个可下载的教程：效果很好，但当我下载并在本地测试它时，内容不会动态加载。网页是否需要处于活动状态才能动态加载内容？如果这是真的，那么如何测试ajax？我使用XAMPP动态加载PHP内容，但没有尝试使用Ajax。 下面是用于加载内容的简单jquery：

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

---

任何引导我走向正确方向的想法都会有帮助。谢谢

这是工作代码，将加载更改为html

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

---

以下是

对于ajax请求，您必须在web服务器的上下文中运行页面，如本问题中所述：。如果您从原始帖子下载示例，并尝试从文件系统在浏览器中打开index.html页面，您应该会在JavaScript控制台中看到如下错误：

跨源请求仅支持以下协议方案：http， 数据、chrome、chrome扩展、https、chrome扩展资源

---

因此，是的，要回答您最初的问题，页面必须是“活动”的，因为它托管在web服务器中。您可以通过在开发机器上运行本地web服务器来进行测试，并使用该服务器提供页面。

您也可以发布html吗？我预计您的javascript控制台中会记录一些错误，在大多数常见浏览器上按F12可以查看这些错误。这只会将

a

标记的

href

属性中的文本加载到div中。她希望链接返回的内容加载到div中。是的，Michael是正确的。我相信我能让它工作。。但我的问题是，为什么这个文件能在现场演示中运行，但当我下载并在本地运行它时，它却无法引入新内容？太棒了，迈克尔！它现在运行得很好。如果我能投票支持你的评论，我会的，不过我太新了。谢谢！：）欢迎来到SO，很高兴我能帮忙！如果我的答案解决了你的问题，你可以把它标记为被接受的答案（即使你还不能投票）