javascript - jQuery 成功，重新加载页面然后追加？

Question

我有以下代码:

$.ajax({
        type: 'GET',
        url: 'edit_slides.php',
        data: { user_id: user_id },
        success: function() { 
            location.reload(); 
            $('#messageContent').append('<p>success</p>'); 
        }
    });

现在发生的事情是它 append 然后重新加载非常快，所以它丢失了消息。

现在，我可以取出重新加载，它会 append ，但为了使我的更改生效，需要重新加载页面。

还有什么我可以做的吗？我想在重新加载页面后显示一条成功消息。

谢谢!

Answer 1

location.reload() 将重新加载您的页面，这会向您的服务器创建一个新请求，然后浏览器会加载响应。您可以将参数添加到消息的查询字符串中，例如

$.ajax({
        type: 'GET',
        url: 'edit_slides.php',
        data: { user_id: user_id },
        success: function() { 
            window.location = "?message=success";
        }
    });

然后在服务器端代码中，如果参数存在，您可以显示消息。在 ASP.NET MVC 中，它看起来像这样:

@if(Request["message"] == "success")
{
    <p>success</p>
}

如果您没有可用的服务器端脚本，您也可以 parse the querystring with javascript .