Div с динамически добавленными предметами

Question

Я добавляю / удаляю элементы на моей странице "Элементы" с помощью AJAX.Но когда я перехожу на следующую страницу и затем возвращаюсь к своим «Предметам», эта коллекция отображается так, как она была до изменения.

После F5-Refresh все работает.

Какизбегай это?Все правильно сохранено, но похоже на кеш или что-то в этом роде.

Пример кода:

  <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-адрес становится старым, и механизм закладки и истории AJAX должен заполнить ваш контент обратно для вас.