javascript - ajax透過append()即時取得的資料只能實現添加展現

Question

function longPolling() {
        $.ajax({
            url:'data.json',
            type:'POST',
            dataType: "json",            
            success:function(data){
                if (data){
                    var date_len = data.length;
                    for (var i=0;i<date_len;i++){
                        var dom = '<li><p id="'+i+'"><p class="num">'+data[i].Num+'</p><p class="a">'+data[i].Time+'<p class="C">'+data[i].Description+'</p></p></p></li>';
                        var tag = '#'+i;
                        console.log(!$(tag).length);
                        if(!$(tag).length){
                            $('.tb-con ul').append(dom);
                        }
                    }
                }
            }
        });
    }
    
window.setInterval('longPolling()',1000);   

在json中加入資料可以即時展現，但刪除後沒辦法即時更新。

Answer 1

你在請求前先把ul裡面的內容清空不就好了？這樣每次拿到不都是最新的嗎
$('.tb-con ul').html("")

Answer 2

首先是及時，你打錯了一個字，
ajax是用來請求後台資料的，append是把請求來的資料動態的追回到頁面，
一般刪除的話，也是先請求後台，問後台可不可以刪，不可刪提示，可刪就直接刪了，然後頁面上把dom刪除就好了

Answer 3

ajax是異步請求資料的時候才會有，資料格式在傳輸的時候預設是json字串，ajax是用在伺服器與客戶端直接的，不是取json資料的，本地可以用JSON.parse轉換，應該不用ajax這麼複雜