javascript - 如何比较，然后在 AJAX 中更新(如果需要)

Question

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

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

• 使用 AJAX-get 调用主页

• 将文章 div 与 AJAX-get 中的相同 div 进行比较。

• 如果 AJAX-get 在 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");
    }
})

Answer 1

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

1. Ajax 调用会将最近的文章 ID 发送到服务器。

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

3. Ajax 调用将简单地呈现内容

所以

$.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
   }
})