AJAX-表单后刷新页面

Question

我想知道这是提交表单后更新我的网站的正确方法，因为有时它对我有用，有时却不起作用，我必须提供f5（手动更新）。

$(document).ready(function(){
$('#frmLostTime').submit(function(){
    var datoss=$('#frmLostTime').serialize();
    $.ajax({
        type:"POST",
        url:"SendLostTime.php",
        data:datoss,
        success:function(r){
            if(r==1){
                setTimeout(function() {
                   window.location.reload();
              },0);
            }else{
                alert("Fallo al enviar la peticion.");
            }
        }
    });
}); });

这是我的疑问...因为当我发送填写表单的数据时，它在显示它的表中没有被更新...有时我必须给f5键以查看它们在表中的更新，即表单填充了一个模态...然后将其发送到该ajax

Answer 1

您在Submit函数中缺少了preventDefault，请记住，当您提交表单时，页面在浏览器中被“重新加载”，有时可能很慢，并且可以执行jquery代码，但很多时候都是“ reload”通过提交非常快，您的提交功能将不会执行。

并尝试使用location.reload重新加载

$(document).ready(function(){

    $('#frmLostTime').submit(function(e){
        e.preventDefault();
        var datoss=$('#frmLostTime').serialize();
        $.ajax({
            type:"POST",
            url:"SendLostTime.php",
            data:datoss,
            success:function(r){
                if(r==1){
                    location.reload();
                }else{
                    alert("Fallo al enviar la peticion.");
                }
            }
        });
    });
});