ajax成功后刷新页面

Posted

技术标签:

【中文标题】ajax成功后刷新页面【英文标题】:refresh the page after ajax success 【发布时间】:2016-10-09 15:41:06 【问题描述】:

这个脚本是我网站的一部分,为什么不刷新页面?

我测试了 *** 上可用的其他方法,但是 没有回答。

帮帮我,谢谢

$(document).ready(function (e) 
    $("#loginform").on('submit',(function(e) 

    var show_result_ajax = $("#show-result-ajax-loginform");

        e.preventDefault();
        $.ajax(
            url: "inc/custom/login.php",
            type: "POST",
            data: new FormData(this),
            contentType: false,
            cache: false,
            processData:false,
            success: function(data)
            

                if(data != 'empty_error')
                   show_result_ajax.fadeOut(function()
                          show_result_ajax.html(data);
                   );
                   show_result_ajax.fadeIn();
                
                else
                if(data == 'empty_error')
                    window.location.reload();
                


            
        );
    
));

);

【问题讨论】:

ajax 返回什么? 嗨 Mohammad,数据是否提供了您的表达方式?你用控制台日志检查过吗? 嗨@KamuranSönecek,是的 【参考方案1】:

试试这个

$(document).ready(function (e) 
    $("#loginform").on('submit',(function(e) 

        e.preventDefault();

        var show_result_ajax = $("#show-result-ajax-loginform");

        $.ajax(
            url: "inc/custom/login.php",
            type: "POST",
            data: new FormData(this),
            contentType: false,
            cache: false,
            processData:false,
            success: function(data)
            
                if(data != 'empty_error')
                    show_result_ajax.fadeOut(function()
                        show_result_ajax.html(data);
                    );
                    show_result_ajax.fadeIn();
                
                else if(data == 'empty_error')
                    location.reload();
                
            
        );

        return false;
    ));

);

【讨论】:

哇,我发现了我的问题。 我的数据ajax请求问题!

以上是关于ajax成功后刷新页面的主要内容,如果未能解决你的问题,请参考以下文章

jsp通过ajax返回的数据需要页面刷新后才能显示

ajax跳转到新的jsp页面(局部刷新)

ajax调用删除方法后,页面不手动刷新,就一直显示那信息

ajax刷新局部页面数据后js事件失效

ajax提交数据以后刷新当前页面,怎么实现

laravel ajax 成功后如何刷新数据表?