基於layer 的帶載入層ajax 模板

2021-10-09 06:59:17 字數 658 閱讀 6475

日常開發中前端頁面書寫必不可少的便是ajax的應用,無論是資料的獲取,還是表單的提交、儲存、修改,ajax非同步呼叫都將是乙個完美的選擇,但是單純的ajax使用給客戶的感知度並不好,使用者並不知道此次訪問具體的完成程度,此時,乙個方便的載入層就顯得至關重要了。

乙個載入層的實現不僅能使使用者體驗度大大提公升,也可以初步防止頁面的重複提交問題出現。

下面是乙個在開發過程中經常使用的基於layer的ajax書寫模板:

$.

ajax(,

// 你的formid

async

:true

, datatype:'',

//一般為json

error:

function

(request));

},contenttype:

, beforesend:

function()

);},

complete:

function()

, success:

function

(data)

基於layer loading層的ajax

async 必須改為true同步(預設為true)。

基於layer簡單的彈層封裝

產生長度為32的guid字串 function getguid32 else if num 10 26 else rt str ch str return rt str 根據guid刪除alert div元素 param id guid function delalertdivbyid id els...

HTML頁面載入和layer層衝突問題

關於html頁面載入完成後執行,有以下幾種方式 第一種 用js載入 window.onload 第二種 用jquery載入 document ready 第二種方法也可以簡寫為下面的方式 這樣,當html頁面載入成功後執行相應的動作。在寫專案的時候,我需要在頁面載入完成後點選按鈕彈出layer,這個...

layui 帶提示文字的載入層

說是載入層,但其實用的msg的替代方案。layer.load 這個layer官方提供的載入層方法。首先說一下為什麼我們不去使用load,原因如下 layer.load 是非同步的,因此如果是以下情況,會導致ajax請求完成後載入層才會出來。以下 的效果就是,載入層一閃而過 layer.load aj...