顯示圖像，同時運行POST

我有這樣的代碼，我使用POST無需重新加載頁面，但我不知道我怎麼能執行顯示的圖像添加腳本。例如loader.gif顯示圖像，同時運行POST

感謝您的幫助。

<script language="javascript" src="jquery-1.6.4.min.js"></script> 
<script language="javascript"> 
$(document).ready(function() { 
    $().ajaxStart(function() { 
     $('#loading').show(); 
     $('#result').hide(); 
    }).ajaxStop(function() { 
     $('#loading').hide(); 
     $('#result').fadeIn('slow'); 
    }); 
    $('#form, #fat, #form').submit(function() { 
     $.ajax({ 
      type: 'POST', 
      url: $(this).attr('action'), 
      data: $(this).serialize(), 
      success: function(data) { 
       $('#result').html(data); 

      } 
     }) 

     return false; 
    }); 
})

來源

2012-08-27 HeribertoVJ

的可能重複的[顯示加載圖像，同時交使用Ajax（http://stackoverflow.com/questions/2509711/display-loading-image-while-post-with-ajax） – js1568

不知道如果我的理解，但似乎你很靠近它

// #loading could be an img tag pointing to loader.gif or a div containing the img 
$('#loading').ajaxStart(function() { 
    $(this).show(); 
    $('#result').hide(); 
}).ajaxStop(function() { 
    $(this).hide(); 
    $('#result').fadeIn('slow'); 
});

來源

2012-08-27 18:08:53

非常感謝，正是我所需要的。請原諒我的無知，但我開始用ajax編程。謝謝 – HeribertoVJ

使用JQuery將圖像添加到頁面。一般來說，這是通過用戶點擊的按鈕來啓動AJAX請求。這允許用戶在腳本運行時看到背景中正在發生的事情。

或者，因爲你的腳本上正在運行的document.ready，你可以有將圖像從一開始就再一次Ajax調用完成後刪除它。

來源

2012-08-27 18:08:15 thatidiotguy

把裝載在一個隱藏的div（顯示：無），然後您可以使用

$('#div').show();

Ajax請求之前，然後在成功回調再次隱藏它：

$('#div').hide();

來源

2012-08-27 18:09:30 WebweaverD

感謝您的幫助 – HeribertoVJ

在第一線功能：

$('#loadingImg').show();

和在回調函數success的第一行：

$('#loadingImg').hide();

來源

2012-08-27 18:09:49

感謝您的幫助 – HeribertoVJ

顯示圖像，同時運行POST

回答

相關問題