Question

我这里有一个接受用户凭据的表单。如果用户具有无效的用户凭据，则页面将无法加载，但是如果他或她具有有效凭据，我希望页面进行整页刷新，我将如何实现？我试过添加。

window.location.href = window.location.href;

在响应html但它没有用，似乎jquery正在删除脚本代码？

这是表单提交的AJAX。

$('body').on('submit', '#sign-in', function(e) {
    e.preventDefault();

    var data = $(this).serialize();

    var url = $(this).attr('action');
    $.ajax({
        //this is the php file that processes the data and send mail
        url : url,
        type : "POST",
        data : data,
        //Do not cache the page
        cache : false,
        //success
        success : function(data) {
            alert(data);
            $('#loginModal').html($(data).find('#loginModal').html());
        }
    });
})

如果用户具有有效凭据，则成功的响应将是此

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script>
    window.location.href = window.location.href;

</script>
</head>

但页面没有重新加载。

Answer 1

在成功功能中，您可以使用JavaScript方式重新加载：

location.reload();

有点像这样

$('body').on('submit', '#sign-in', function(e) {
    e.preventDefault();

    var data = $(this).serialize();

    var url = $(this).attr('action');
    $.ajax({
        //this is the php file that processes the data and send mail
        url : url,
        type : "POST",
        data : data,
        //Do not cache the page
        cache : false,
        //login success
        success : function(data) {
            //... your other code
            location.reload(); //reload the page on the success
        }
    });
})

这意味着当您的登录失败时，您的查询会出错，因此它不会进入您的成功函数。

Answer 2

看看您是否可以在成功功能

中使用此代码

收到有效回复（如1）

$(document).attr('location').href='your location'

JQuery Ajax Force页面刷新

2 个答案: