Javascript 从js加载php内容

以下是我的javascript代码：

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

$（文档）.ready（函数（）{
$（“#开始”）。单击（函数（）{
$（'#mainbody'）.html（''）；
});
});

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

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

---

您需要执行一个AJAX调用

看看这个问题

---

这应该是一个很好的例子，帮助你把事情做好。如果您仍然有问题，请向我们展示您的工作进展，我们将很乐意提供帮助。

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

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

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

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

您需要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
        );
    });

---

AJAX读一下。这个问题似乎离题了，因为它是优步的翻版。OP对该网站上的其他用户毫不留情，不管其他用户已经做了什么，都必须一次又一次地询问。