ajax請求載入完成之前給出正在載入等提示

螞蟻小編發表於2017-03-25

在進行ajax請求的時候，如果需要載入的內容較大的話，最好有一個提示型別的內容，比如文字或者圖片，當然圖片更為形象美觀一些，這樣使用者就會知道網站一直在載入內容，而不是出現異常狀況，下面就通過簡短的程式碼做一下介紹。

程式碼如下:

一.html程式碼如下:

[HTML] 純文字檢視 複製程式碼
<div id="warning"></div>

不用說大家也會明白，這是簡寫形式。

二.ajax程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$.ajax(function(){  
  //此處略去N多字
  async:true,
  beforeSend:function(){
    $('#warning').text("請耐心等待");
  }
});

相關文章