Javascript 如何进行比较，然后根据需要在AJAX中进行更新

我有一个列表，包含一个网站后端的新闻文章，然后显示在主页上。我希望主页总是显示最新的新闻

我以前从未使用过AJAX，但在pseudo中，它需要执行以下操作：

使用ajaxget调用主页

将文章div与来自ajaxget的相同div进行比较

如果ajaxget在div中有不同的内容，则显示该内容

我可以用Jquery加载来实现这一点，还是需要使用AJAX来实现这一功能。如果是这样的话，谁能帮我一把AJAX本身呢

尝试使用AJAX时，我已经开始使用以下代码，但没有效果

$.ajax({
    url: ctx.HttpRoot,
    data: { "id": $("newsSliderWrapper").attr("id") },
    success: function (data) {
        data = $(data).find('div#newsSliderWrapper')
        alert(data)
    },
    error: function () {
        // your error logic
        alert("AJAX failed");
    }
})

---

在您的情况下，AJAX将执行以下操作：

Ajax调用将向服务器发送最近的文章ID

服务器将比较文章ID。如果文章ID不同，则服务器将返回新文章内容。如果id相同，则返回不同的状态消息

Ajax调用将简单地呈现内容

所以

---

您希望这两个元素之间有什么区别？您需要使用$.ajax，因为它允许您进行额外的控制。列表当前按日期显示列表中的所有项目，然后将它们全部隐藏，并使用jquery淡入淡出等一次显示一个项目。因此，我可能会比较包装器div的第一个子项，看看它们是否不同。这似乎不起作用，我不能使用responsetext或类似的东西，我使用了你的想法，然后得出以下代码，我将把它放在OP中：你的responsetext是success函数保存的数据。假设您正在从后端传递JSON/XML，则需要迭代该对象并构造article div并替换旧的。如果您正在传递HTML字符串本身。只是把数据放在div里，还是什么都没有。我也没有尝试写入服务器，只是简单地='GET'

$.ajax({
   url : "backendurl",
   data : {"id" : $("recentarticleDivId").attr("id")}, 
   // id must be the article ID which you need to match
   success :  function(data) {
      $("#articleDivId").html(data);
   },
   error : function() {
      // your error logic
   }
})

$.ajax({
    url: "homepage.php",
    type: "GET",
    data: { id : article_id },
    success:function(data){
       console.log(data);
       // your logic
    },
    error:function(){

   }
});