我在网站后端有一个包含新闻文章的列表,然后将其显示在主页上。我希望主页始终显示最新的新闻。
我以前从未使用过 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");
}
})
最佳答案
在您的情况下,AJAX 将执行以下操作:
Ajax 调用会将最近的文章 ID 发送到服务器。
服务器将比较文章ID。如果文章ID不同,那么服务器将返回新的文章内容。如果id相同,则返回不同的状态信息。
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
}
})
关于javascript - 如何比较,然后在 AJAX 中更新(如果需要),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23735185/