-1

这是我的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>
4

4 回答 4

1

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

如果您打算拥有很多不同的“内容”，我建议您不要使用另一种方法。我是说您可以将所有内容预加载到单独的隐藏 DOM 元素（例如 div）中，然后修改您必须显示所需元素并隐藏其他元素的单击功能。

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

于 2013-10-20T14:56:58.007 回答
0

您将需要进行 AJAX 调用。

查看这个问题将数据从 php 传递回 ajax

应该是帮助您顺利进行的一个很好的例子。如果您仍有问题，请向我们展示您的工作进展，我们将很乐意提供帮助。

于 2013-10-20T14:54:51.027 回答
0 
$('#mainbody').load('content1.php');
于 2013-10-20T14:56:45.403 回答
0

你需要 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
        );
    });
于 2013-10-20T14:58:02.400 回答