成功后Jquery刷新页面

时间:2016-10-18 07:12:57

标签: javascript php jquery ajax

如何在ajax调用成功后刷新页面。即使我放了window.location.reload(true),页面也不会刷新。它只显示echo消息但不刷新它

$("#update-btn").click(function() {
    var token = document.getElementById('tokenAmount').value;; //Place the token here
    var master = currentUserID;
    var lastUser = lastNode.info.id;
    $.ajax({
        type : "POST",
        url : "update.php", 
        data : {'master': master,
            'token' : token,
            'user_id': lastUser 
        },
        success : function(data) {
            alert(data);
            window.location.reload(true);
        }
    }); 
});

update.php

$master=$_POST['master'];
$user = $_POST['user_id'];
$token = $_POST['token'];

if(condition)
{
    $result = $MySQLi_CON->query($secondToken);
    if($result == false)
        $response['msg'] = "Not Enough";
    else
    {    
        $response['msg'] = "Successful";
    }
}

else
{
    $response['msg'] = "Not enough";
}
echo json_encode($response['msg']);

5 个答案:

答案 0 :(得分:1)

请尝试以下代码: -

location.reload();

已编辑: -

success : function(data) {
            alert(data);
            location.reload();
        }

其他方式: -

location.reload()
history.go(0)
location.href = location.href
location.href = location.pathname
location.replace(location.pathname)
location.reload(false)

请查看以下链接: - 使用JavaScript重新加载页面还有534种其他方式: -

http://www.phpied.com/files/location-location/location-location.html

答案 1 :(得分:0)

所有AJAX调用完成后,

.ajaxStop()回调执行。这是放置处理程序的最佳位置。

$(document).ajaxStop(function(){
    window.location.reload();
});

来源来自here

答案 2 :(得分:0)

除非您在alert()上单击Ok,否则下一个语句不会执行。 所以请改用console.log(data)。

success : function(data) {
                console.log(data);
                window.location.href=window.location.href;
            }

答案 3 :(得分:0)

在您的Ajax成功回调中执行以下操作:

success: function(response){
                setTimeout(function(){
                   location.reload()
                }, 5000);
    }

要在5秒钟后重新加载页面,则需要 答案中提示的超时。

答案 4 :(得分:-1)

试试这个:

location.reload(true);