php - JQuery - 动态更改页面

Question

这有点难以解释，但我会尽力解释它，也许有人知道我想做什么。

我有一个dashboard.php页面，在该页面中我有一个主界面div，覆盖了导航标题下方的100%宽度。

当用户单击链接时，此仪表板会使用另一个页面(例如搜索用户)的数据更改主界面 div 的内容。

我可以将搜索用户页面加载到主界面中，但我遇到的问题是，当我单击搜索用户时，它会将我带回到包含原始主界面内容的dashboard.php页面，而不是所有内容的表格我搜索过的用户。

我无法告诉 jquery 我希望它搜索用户并在单击搜索用户链接后将其填充回主界面页面。

希望有人了解我正在做什么并试图实现的目标。

Answer 1

您可以将任务分为客户端任务和服务器任务。

客户端任务是 javascript/jQuery 将在浏览器上执行的操作。服务器任务是当请求进入时服务器将执行的操作。这并不意味着服务器需要创建完整的 html 页面，只需将一些信息发送到客户端，绕过完整页面的创建。

我经常做这样的事情:

<script>
    var send = { };
    send[ 'find'  ] = $("input[name='find']").val();
    send[ 'token' ] = $("input[name='token']").val();

    $.post( 'request.php', send, function( data ) {

        $("#name").html( data );

    });
</script>

您将从 request.php 获取的数据有一些选项。您可以让 request.php 创建 html，然后将其放入 <div id="name"> 中。或者编写从 JSON 创建 HTML 的客户端代码。

希望这是有道理的。