jQuery的加載動畫與PHP的形式，提交回

我有一個PHP文件，其中包含一個窗體，並提交回自己。在表單提交併運行直到加載頁面之後，是否有任何方式顯示加載動畫？jQuery的加載動畫與PHP的形式，提交回

2011-08-02 cstrouse

如果你想顯示進度指標的形式提交你爲什麼不使用AJAX ？

$("form").submit(function(e) { 
    e.preventDefault(); 

$(".loading").show();//Assuming you have a container which has appropriate style and image to show the loading image 

    $.post({ 
     url: $(this).attr("action"), 
     data: $(this).serialize(), 
     success: function(){ 
      $(".loading").show(); 
      //Write code here to handle on success 

     } 
    }); 
});

來源

2011-08-02 23:48:42 ShankarSangoli

我嘗試過修改窗體和div的名稱，但沒有運氣。通過上面的代碼，表單不再提交。 – cstrouse

$（this）.action是undef，但如果我將它更改爲$（this）.attr（「action」），它至少會被定義;然而，成功塊仍然沒有發生。 – cstrouse

@ cstrouse - 請現在嘗試我編輯了我的答案。 – ShankarSangoli

這是微不足道的。假設你有一個隱藏的微調/加載圖像地方id爲「loadingImg」頁面上：

$("form").submit(function() { 
    $("#loadingImg").show(); 
});

演示：http://jsfiddle.net/yFaAj/1/

來源

2011-08-02 23:31:15 karim79

閃爍了一秒鐘，然後消失。然後加載頁面。 – cstrouse

好吧，這就是主意。微調將保持到頁面刷新。 – karim79

是的，但我需要微調運行，直到頁面完全加載。會發生什麼事情是，有很多捲曲調用，以及在我想讓微調器消失之前需要執行的操作。 – cstrouse

jQuery的加載動畫與PHP的形式，提交回

回答

相關問題