在 $.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>"
}