layui 帶提示文字的載入層

2021-10-06 04:26:56 字數 624 閱讀 6738

說是載入層,但其實用的msg的替代方案。

layer.load();
這個layer官方提供的載入層方法。

首先說一下為什麼我們不去使用load,原因如下:

layer.load()是非同步的,因此如果是以下情況,會導致ajax請求完成後載入層才會出來。

以下**的效果就是,載入層一閃而過;

layer.

load()

;$.ajax(}

)

同時這種方式不適合自定義的一些需求,比如顯示提示文字。

這時官方提供的load方法已經不能夠滿足我們的需求了;

因此我們需要一種變通的方式 => 適用msg方法模擬載入層

layer.

msg(

'操作中,請耐心等候...',)

;

效果:

這種方式可以diy載入層,包括提示文字資訊及樣式,遮罩樣式,載入層彈出,同時文字也可以替換為dom元素,有更多的實現空間。

基於layer 的帶載入層ajax 模板

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

LayUI流載入的基本使用

首先在html頁面中定義乙個存放載入內容的標籤 頁面樣式可以根據自己需求進行除錯 使用js根據上面給定的標籤,渲染插入資料。如下。layui.use flow function function res pages為ajax返回的總頁數,只有當前頁小於總頁數的情況下,才會繼續出現載入更多 next ...

layui的確認彈出層的玩法

專案中用的windows的confirm確認框 感覺很low 改了一下 遇到兩個問題 使用layui前 function outexcel url 正確的使用layui後 function outexcel url function index function return false 1.第乙個...