如何使用 jQuery .append 和 window.location 将单独的 .php/html 文件中的内容加载到 div 中？答案

【问题标题】：How do i load content from a seperate .php/html file into a div with jQuery .append and window.location?如何使用 jQuery .append 和 window.location 将单独的 .php/html 文件中的内容加载到 div 中？
【发布时间】：2013-06-03 20:55:11
【问题描述】：

我刚刚使用一些 jQuery 完成了我的第一个网站，现在我试图弄清楚如何使用 jquery 将内容添加到我的 .content div。我正在尝试使用此代码，但显然不正确。基本上我认为最好使用包含内容的单独文件，然后使用 jQuery 将“.append()”它们加载到 div 中。我该怎么做呢？我现在正在使用此代码：

    <div class="content"></div>

    $('#about').click(function() {
    $('.module1').show(600);
    $('.content').animate({'width':'620'},600);
    $('.content').append(
    window.location.href("about.php")
    );

【问题讨论】：

$('.content').append("about.php") 应该可以工作。为什么要在两者之间添加window.location.href？

标签： php jquery append window.location

【解决方案1】：

您可以使用.post() 从您的 php 加载内容

$('#about').click(function () {
    $('.module1').show(600);
    $('.content').animate({
        'width': '620'
    }, 600);

    $.post('about.php', function (data) {
        $('.content').append(data);
    })
});

【讨论】：

感谢您的快速回复！我尝试了代码，但它不起作用，chrome 检查元素网络 XHR 错误。如果我将 about.php 文件换成一行 test.txt 文件，也会发生同样的错误。
我什至尝试过 $(".content").load("test.txt");但这也行不通，我在 .content 上的 CSS 会不会挡道还是什么？
想通了！我得到的 XHR 错误（Access-Control-Allow-Origin）是因为我没有在测试服务器上运行它，我将站点加载到 xampp 并且它现在可以工作了！