使用jQuery将PHP函数的结果输出到特定的HTML位置


Outputting result of PHP function to specific HTML location with jQuery

我的index.php:中有这个

<?php
require_once '/myFunctions.php';
output_layoutHead();
output_layoutHeader();
output_layoutHome();
output_layoutFooter();

这4个函数基本上生成了我的HTML,它看起来像这样:

<head>
    //Metatags, title, CSS links, etc.
</head>
<body>
    <div id="navbar">
        <ul class="nav">
            <li class="active"><a href="//call JS function">Home</a></li>
            <li><a href="//call JS function">Contact</a></li>
            <li><a href="//call JS function">Help</a></li>                    
        </ul>
    </div>
    <div class="container" id="contentContainer">
        <div id="content">
            Homepage content
        </div>
    </div>
    //JS script links, etc.
</body>

函数CCD_ 2生成整个CCD_。我也有其他页面的函数,称为output_layoutContact()output_layoutHelp()

我基本上希望output_layoutHome()生成的内容在单击"联系"或"帮助"按钮时完全消失,而使用其他功能(如output_layoutContact()output_layoutHelp())在其位置输出内容。

我意识到我可以用$("#contentContainer").remove();删除整个#contentContainer,但我不知道如何在它的位置输出另一个函数的结果。

我能得到一些指点吗?

您可以在index.php旁边创建第二个文件,并将其命名为contact.php,类似于:

<?php
require_once '/myFunctions.php';
output_layoutContact();

然后在联系人按钮上添加一个onclick处理程序:

$( "#content" ).remove();
$( "#contentContainer" ).load( "contact.php" );

您也可以在加载调用中将布局标识符指定为数据,然后通过index.php有条件地输出所有内容。