Php 如何在不重建表的情况下自动更新json数据

我有一个来自POSTGRESQL数据库的jQueryAjax请求。我能够以HTML元素格式呈现或解析数据，如表，但我想知道如何在不始终重建表的情况下自动更新下面代码的数据？有什么帮助吗

$(document).ready(function () { 
$.ajax({
    url:'data.php',
    type:'GET',
    success:function(data){
        console.log(data);
        $.each(data, function (key, value){
            $.each(value, function(k, v){ 
                if(k === "initial_line"){
                    $("#demoTable >tbody:last").append(
                        $('<tr>').append(
                            $('<td>').append(v)
                            .append(
                                $('</td>').append(
                                    $('</tr>')
                                    )
                                )
                            )
                        );
                }
                if(k === "pass"){
                    $("#demoTable >tbody >tr:last").append(
                        $('<td>').append(v)
                        .append(
                            $('</td>')
                            )
                        );
                }
                if(k === "fail"){
                    $("#demoTable >tbody >tr:last").append(

                        $('<td>').append(v)
                        .append(
                            $('</td>')
                            )
        );
                }
            });
        });
    }
 })      
});

$（文档）.ready（函数（）{
$.ajax({
url:'data.php'，
类型：'GET'，
成功：功能（数据）{
控制台日志（数据）；
$。每个（数据、函数（键、值）{
$.each（值，函数（k，v）{
如果（k==“初始线”）{
$（“#可降级>tbody:last”）。追加(
$（''）。追加(
$（''）。附加（v）
.附加(
$（''）。追加(
$('')
)
)
)
);
}
如果（k==“通过”）{
$（“#可降级>tbody>tr:last”）。追加(
$（''）。附加（v）
.附加(
$('')
)
);
}
如果（k==“失败”）{
$（“#可降级>tbody>tr:last”）。追加(
$（''）。附加（v）
.附加(
$('')
)
);
}
});
});
}
})      
});

好的，这段代码将呈现表（当删除语法错误时，请检查控制台以了解更多详细信息）。当您发送带有新数据的请求时，将发生更新。Javascript事件+

$.ajax

。我建议使用一个视图渲染库，比如react，有人能帮我举个例子吗？（代码）