在 $.ajax 加载到另一个页面后立即附加一个 html 标签

Question

$('#form').on('submit', function(e){


        $.ajax({
            type: $(this).attr('method'),
            url:  $(this).attr('action'),
            data: $(this).serialize(),
            dataType: 'json'

        }).done(function(data){ 

                    window.location.href = "manage_item.php";
                    $('body').append('<div>Item Added Successfully!</div>');


           });
});

当 ajax 已将数据添加到我的清单时，我正在尝试加载到另一个页面并显示成功警报。我怎么解决这个问题？使用 $.ajax 链接页面的最佳做法是什么，或者除了使用 $.ajax 之外还有其他替代方法吗？

Answer 1

最好的方法是在 ajax 成功后将 get 变量与 url 一起传递，如下所示：

.done(function(data){ 

                    window.location.href = "manage_item.php?success=1";       
           });

并在您的 manage_item.php 中执行如下操作：

if (isset($_GET['success'] && $_GET['success'] == 1)){
echo "<div>Item Added Successfully!</div>"
}