Javascript 刷新AJAX函数（获取PHP）

首先让我说，我已经编写代码不到一周了。我正在尝试创建一个javascript，它将使用AJAX调用刷新我的数据，该调用将把PHP的JSON编码文件转换成更可读的文件

我已经成功地将json输出到HTML表中，但是，我想自动刷新这些数据，这样当数据库发生变化时，我的HTML也会发生变化

    $(document).ready(function(){

refresh();
});

function refresh() {
setTimeout( function() {
dbupdates(); 
refresh();
}, 500);
}   

function dbupdates(){
$.ajax({
    url: 'fetchtest.php',
    type: 'get',
    dataType: 'JSON',
    success: function(response){
// for loop to only write 10 
        for(var i=0; i<10; i++){
            var id01 = response[i].id1; 
            var id02 = response[i].id2;
            var id03 = response[i].id3;
// tr located in html
            var tr_str = "<tr>" +
                "<td align='center'>" + id01 + "</td>" +
                "<td align='center'>" + id02 + "</td>" +
                "<td align='center'>" + id03 + "</td>" +
                "</tr>";
// table ID in html file
            $("#HTMLTABLE").append(tr_str);  
        }

    }
});
};

$（文档）.ready（函数（）{
刷新（）；
});
函数刷新（）{
setTimeout（函数（）{
dbupdates（）；
刷新（）；
}, 500);
}   
函数dbupdates（）{
$.ajax({
url:'fetchtest.php'，
键入：“get”，
数据类型：“JSON”，
成功：功能（响应）{
//对于循环，仅写入10
对于（var i=0；iNo use append（）replace into html（）函数，使用它可以解决您的问题

  <div id="HTMLTABLE"></div>
 <script>
     $(document).ready(function(){

        refresh();
        });

        function refresh() {
        setTimeout( function() {
        dbupdates(); 
        refresh();
        }, 1500);
        }   

        function dbupdates(){
        $.ajax({
            url: 'fetchtest.php',
            type: 'get',
            dataType: 'JSON',
            success: function(response){
        // for loop to only write 10 
         var tr_str ='';
                for(var i=0; i<response.length; i++){
                    var id01 = response[i].id; 
                    var id02 = response[i].name;
                    var id03 = response[i].salery;
        // tr located in html
                     tr_str += "<tr>" +
                        "<td align='center'>" + id01 + "</td>" +
                        "<td align='center'>" + id02 + "</td>" +
                        "<td align='center'>" + id03 + "</td>" +
                        "</tr>";
        // table ID in html file

                }
             $("#HTMLTABLE").html(tr_str);

            }
        });
        };
 </script>


$（文档）.ready（函数（）{
刷新（）；
});
函数刷新（）{
setTimeout（函数（）{
dbupdates（）；
刷新（）；
}, 1500);
}   
函数dbupdates（）{
$.ajax({
url:'fetchtest.php'，
键入：“get”，
数据类型：“JSON”，
成功：功能（响应）{
//对于循环，仅写入10
var tr_str=''；
对于（var i=0；它似乎停止了无限循环，但现在它只获取第一个数组，而不是10。我的循环语句有问题吗？Thankstill没有工作，只吐出每个id01、02、03中的一个。这是我的json文件[{“id1”：“34”，“id2”：“0625SS036”，“id3”：“40”}，{“id1”：“105”，“id2”：“0625SS107”，“id3”：“40”}，{“jid1”118，“id2”：“0625SS120”，“id3”：“35”}，…..（200+字符串）我将在我的返回脚本下面或上面尝试childRemove或一些append remove。我已经在我的系统上运行代码，工作正常，但我不知道您的系统现在编辑此代码并尝试。Php json数据工作正常。我通过添加空语法使其正常工作，如下所示。。（仍然使用append而不是html，因为它不知何故是我的小于10个循环后面的唯一内容）函数dbupdates（）{$（“#HTMLTABLE”）.empty（）；$.ajax({url:'fetchtest.php'，类型：'get'，数据类型：'JSON'，成功：函数（响应）{