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.");
                }
            }
        });
    });
});