使用ajax动态加载数据

Posted 2023-02-16

【中文标题】使用ajax动态加载数据

【英文标题】：Load data dynamically with ajax

【发布时间】：2020-05-08 05:35:49

【问题描述】：

我有一个使用 ajax 来查询 php 脚本以获取服务器信息的前端页面。

ajax 调用如下：

$.ajax(
        url: "broker.php?action=getServers",
        type: 'get',
        dataType: 'html',
        async: true,
        success: function(data) 
            $("table").append(data);
        
);

它查询的 php 页面在数据进入时会回显数据，但我遇到的问题是前端客户端仅在整个 php 脚本完成时才更新，而不是在数据更新时更新。

有没有一种方法可以让 ajax 调用动态更新，而不必每 x 秒手动查询一次页面？

【参考方案1】：

您正在寻找的解决方案是使用web-socket 实现您的后端和前端，如果在超时/间隔内实现它，Ajax 调用被认为对性能不利，请检查此article 比较 polling、long polling、web-socket各有优劣，web-socket的优势之一就是性能，因为客户端会收到通知由服务器获取新的更新，而不是不断请求更改。

检查PHP web socket documentation 或者你可能会选择PHP 套接字框架，因为前端socket.io 是最好的套接字前端框架之一。