javascript - ajax通过append()即时获取的数据只能实现添加展现

问题描述

问 题

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><div id="'+i+'"><div class="num">'+data[i].Num+'</div><div class="a">'+data[i].Time+'<div class="C">'+data[i].Description+'</div></div></div></li>';
                        var tag = '#'+i;
                        console.log(!$(tag).length);
                        if(!$(tag).length){
                            $('.tb-con ul').append(dom);
                        }
                    }
                }
            }
        });
    }
    
window.setInterval('longPolling()',1000);   

在json中添加数据可以即时展现，但是删除后没法即时更新。

解决方案

你在请求前先把ul里面的内容清空不就好了？这样每次拿到不都是最新的吗
$('.tb-con ul').html("")

这篇关于javascript - ajax通过append()即时获取的数据只能实现添加展现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！