Question

这是我的javascript代码：

$(document).ready(function(){
    $('#start').click(function(){
        $('#mainbody').html('<?php include "content1.php";?>');
    });
});

不是在DOM中加载content1.php的内容，而是添加如下注释：

<div class="row" id="mainbody">
    <!--?php include "content1.php";?-->
</div>

Answer 1

有两种方法可以做到这一点。第一个是，就像我在评论中所说的那样，对正确的内容页面进行AJAX调用，检查它的响应，如果一切正常，请适当修改DOM。

如果您计划拥有许多不同的“内容”，我建议您不要这样做。我说你可以将所有内容预加载到单独的隐藏DOM元素（例如div）中，然后修改你需要的click函数来显示所需元素并隐藏其他元素。

当然，选择最佳方法很大程度上取决于您的应用应该做什么。

Answer 2

您需要进行AJAX调用。

查看此问题Passing data back from php to ajax

应该是帮助你实现目标的一个好例子。如果您仍有问题，请告诉我们您的工作进展情况，我们将很乐意为您提供帮助。

Answer 3

$('#mainbody').load('content1.php');

Answer 4

您需要AJAX通话

要开始的示例代码。

// fire off the request to /form.php
    request = $.ajax({
        url: "/form.php",
        type: "post",
        data: serializedData
    });

    // callback handler that will be called on success
    request.done(function (response, textStatus, jqXHR){
        // log a message to the console
        console.log("Hooray, it worked!");
    });

    // callback handler that will be called on failure
    request.fail(function (jqXHR, textStatus, errorThrown){
        // log the error to the console
        console.error(
            "The following error occured: "+
            textStatus, errorThrown
        );
    });

从js加载php内容

4 个答案: