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创建可以放入<div id="name">的html。 或编写从JSON创建HTML的客户端代码。

希望它有意义。