Question

我正在使用AJAX在我的页面“Items”中添加/删除动态项目。但是，当我要去下一页，然后回到我的“项目”，这个集合在更改之前显示为它。

F5-Refresh之后一切正常。

如何避免它？所有都适当保存，但它看起来像缓存或smth那样。

代码示例：

  <script>

    delete_item_from_list = function (itemIdGiven, listIdGiven) {
        $.ajax({
            url: "@{Lists.deleteByIndexItem()}",
            method: 'post',
            async: true,
                    dataType: 'html',
            data: {
                itemId : itemIdGiven,
                listId : listIdGiven
            },
            success: function(data) {
                $(".items").html(data);
            },
            error: function() {
                console.log ("It's a TRAP!");
            }

        });
    };

</script>

Answer 1

这在StackOverflow网站上甚至是一个问题：

只需尝试添加评论作为前几个评论，然后，您会看到添加的评论，如果您点击您的姓名以查看您的个人资料，然后点击“返回”，您将看不到您的评论加入了。

处理此问题的一种方法是添加AJAX历史记录和书签，这样，当AJAX成功时，URL实际上已更改，并且可收藏（在历史记录中）。当您单击一个新页面并单击“返回”时，URL将被假定为旧URL，并且AJAX书签和历史记录的机制应该为您填充内容。

Div动态添加项目

1 个答案: