在Codeigniter 4上使用 AJAX jQuery重新加载div而不 Flink

ffx8fchx  于 2023-01-18  发布在  jQuery
关注(0)|答案(1)|浏览(141)

我花了大约5个小时寻找解决方案。下面是我的简单 AJAX 代码:

<script>
    setInterval(function(){
      $.ajax({
        url: "<?php echo site_url(); ?>chat/user-list",
        cache : false,
        success: function(data){
            if(data != $("#usuarios_chat").html(data)){
                $("#usuarios_chat").replace(data);
            }else{
                $("#usuarios_chat").append(data);
            }
        },
      })
    },3000);
    </script>

代码工作完美,但当一些数据被更改或新检测到所有数据被复制时,显示。
在数据库上更改或插入数据之前的图像。

在数据库上更改或插入数据后的图像

更新:我更新了上面的代码,我得到了所需的目标是这样做,但 Flink 时,我获取数据仍然存在。

nhhxz33t

nhhxz33t1#

试试这个,它会用新数据替换旧数据。

<script>
setInterval(function(){
  $.ajax({
    url: "<?php echo site_url(); ?>chat/user-list",
    cache : false,
    success: function(data){
        if(data != $("#usuarios_chat").html(data)){
            $("#usuarios_chat").remove();
        }else{
            $("#usuarios_chat").append(data);
        }
    },
  })
},3000);
</script>

相关问题