Question

我有一个页面，新闻滑块可以逐个查看项目。该页面会在刷新时自动获取新项目。

我尝试使用ajax和jquery计时器在添加新项目时自动更新页面，为此我尝试通过AJAX再次调用当前页面并比较里面的孩子新闻滑块的包装div。但是我首先无法从页面获取数据。

我目前使用的代码是：

var timer = setInterval(function () {
    $.ajax({
        url: ctx.HttpRoot,
        type: "GET",
        success: function (data) {
            var stripped_data = $(data).find("div#newsSliderWrapper");
            //Code here will put the AJAX copy of #newsSliderWrapper into the current pages #newsSliderWrapper
        },
        error: function () {
            // your error logic
            alert("AJAX failed");
        }
    })
}, 15000);

Answer 1

var stripped_data = $(data).find("div#newsSliderWrapper");

该行将尝试调用从AJAX调用获得的数据的功能基金。不确定这是否是你想要的，因为find适用于DOM对象，当前数据是原始数据，甚至不是虚拟DOM。

如果获取的数据是HTML元素，那么您必须先执行以下操作

var dataDom = $(data);

这会将数据转换为虚拟数据，现在您可以对其执行.find。

使用AJAX自动更新页面上的元素

1 个答案: