ajax返回資料之前的loading等待

2022-04-07 15:39:12 字數 712 閱讀 3136

首先,我們通過ajax請求,向後台傳遞引數,然後後台經過一系列的運算之後向前臺返還資料,我希望在等待資料成功返還之前可以展示乙個loading.gif圖

不廢話,在頁面上執行點選事件(生成)

呼叫下面方法:

function

build(sender) ,

beforesend:

function

() ,

success:

function

(data) ,

complete:

function

() });

}

ajax

後台頁面就不寫了,url中配置了傳遞到後台的路徑,最主要的就是

beforesend: function () ,

這要考慮到ajax非同步請求的特點,當ajax執行到url的時候,會有乙個執行緒跳轉到後台去執行,

瀏覽器會增加乙個執行緒(不知道這麼說標不標準)繼續執行後面的程式,到success: function (data)暫停等待 後台成功的返回資料

這樣,before裡面插入的就相當於是乙個loading,當資料成功返回後,把before裡面的移除,寫在complete: function ()語句中。

這麼一大段才讓loading有足夠的時間展示出來,如果時間比較短,可以網上查檢視有沒有定義乙個時間,讓loading能夠完整的顯示,免得很突兀。

ajax返回多個資料

ajax返回多個資料,有兩種方法 第一種,自定義分隔符號,傳遞字串,例如使用 分割多個變數,傳到js使用 分割字串成陣列 優點 快捷,簡單,方便 缺點 自定義分隔符號,如果使用的分隔符號字串也擁有,會造成未知的錯誤 第二種,也就是比較安全的方法,php返回json字串,js解析成陣列,也就是下面重點...

ajax資料返回進行遍歷

後台返回的資料 其實仔細分析返回的格式,很簡單,就是乙個map,裡面放了乙個list,list裡面有各種引數。前端頁面的請求 ajax 還有一種jquery 方式的遍歷,效果其實是一樣的,拿到後台返回我們的資料,我們就可以進行各種操作了。each json,index null assign liv...

Ajax呼叫Conrtoller返回資料

前端ajax function dorefund datatype json 返回資料型別為json型別 success function json else error function json 後端controller中 public actionresult alibarpay string...