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

Question

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

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

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

Answer 1

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

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

这里是 plunker

Answer 2

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

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

所以是的，要回答您最初的问题，该页面必须 "live" 就其托管在网络服务器中而言。您可以通过运行开发计算机上的本地 Web 服务器进行测试，并使用它来提供页面。

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

Jquery/AJAX Dynamically Loaded Content not Loading Locally

ajax

jquery

dynamic