說是載入層,但其實用的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.第乙個...