javascript - 尝试让ajax将其最后的数据与最新的数据进行比较，但它不起作用

Question

我正在尝试制作一个每 5 秒获取一次数据的通知系统，但我不知道为什么它不能正常工作。它无休止地输出通知，但它应该获取数据并将其与它存储的最后数据进行比较，如果数据不同，它应该附加通知，当数据相同时，它应该提醒“相同”。

  var appliedData;
  setInterval(getNotifications, 5000);
    function getNotifications(){
        $.ajax({
          type: 'GET',
          url: 'includes/socialplatform/friendsys/notifications.inc.php',
          dataType: "json",
          async: false,
          success: function(data) {
            if ( appliedData != data ) {
              appliedData = data;
              for(i=0; i < data.length; i++){
                $( ".notification-container" ).append('<div class="notification"><p>' + data[i].user +                    '</p></div>');
              }
            }else{
              alert("sammee");
            }
          }
        });
      }

Answer 1

对象(任何非原始对象:数组是对象)永远不会彼此相等，除非它们引用内存中的相同位置。比较时，您的 appliedData 将始终与您的 data 不同，因此该条件始终会失败。如果可以保证响应字符串在代表同一个对象时相同，则可以简单地比较字符串，如下所示。如果没有，您就必须进行深入比较。

let lastDataStr;
setInterval(getNotifications, 5000);
function getNotifications() {
  $.ajax({
    type: 'GET',
    url: 'includes/socialplatform/friendsys/notifications.inc.php',
    dataType: "text", // change here, then parse into an object in success function
    async: false,
    success: function(newDataStr) {
      if (newDataStr === lastDataStr) {
        alert('same');
        return;
      }
      lastDataStr = newDataStr;
      const newData = JSON.parse(newDataStr);
      newData.forEach(({ user }) => {
        $(".notification-container").append('<div class="notification"><p>' + user + '</p></div>');
      })
    }
  });
}