LayUi中接口傳數(shù)據(jù)成功,表格不顯示數(shù)據(jù)的解決方法
今天接觸這個框架發(fā)現(xiàn)的問題,感覺有必要注意下。
LayUi 對穿過來的 Json 有嚴(yán)格的要求,一般情況下,要求要有4個參數(shù),分別為:
code:0 //數(shù)據(jù)狀態(tài) msg:"" //狀態(tài)信息 count:1000 //數(shù)據(jù)總數(shù) data:[] //數(shù)據(jù)列表
若傳過來的 Json 包含這四個參數(shù),且參數(shù)名一樣,則表格讀數(shù)據(jù)不會出問題。若參數(shù)名和上述的不一樣,則需要轉(zhuǎn)換下,具體方法如下:
response:{ statusName: '自定義的參數(shù)名稱' ,// 對應(yīng) code msgName: '自定義的參數(shù)名稱' , // 對應(yīng) msg countName: '自定義的參數(shù)名稱' , // 對應(yīng) count dataName: '自定義的參數(shù)名稱' // 對應(yīng) data }
上述代碼 寫在 table.render({}) 內(nèi)。
經(jīng)過測試,發(fā)現(xiàn)有兩個字段不是必要的,分別是,msg 和 count 。若不傳或參數(shù)名對不上時不轉(zhuǎn)換,前臺表格頁面依舊會顯示出數(shù)據(jù),必要的參數(shù)只有 code 和 data 。
官方文檔地址:傳送門
文檔中,statusCode 不需要寫,寫的話 數(shù)據(jù)會顯示不成功。
以上這篇LayUi中接口傳數(shù)據(jù)成功,表格不顯示數(shù)據(jù)的解決方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- 解決layui數(shù)據(jù)表格table的橫向滾動條顯示問題
- layui 表格的屬性的顯示轉(zhuǎn)換方法
- Layui實現(xiàn)數(shù)據(jù)表格默認(rèn)全部顯示(不要分頁)
- 解決Layui數(shù)據(jù)表格顯示無數(shù)據(jù)提示的問題
- layui 表格操作列按鈕動態(tài)顯示的實現(xiàn)方法
- layui 實現(xiàn)表格某一列顯示圖標(biāo)
- 解決LayUI數(shù)據(jù)表格復(fù)選框不居中顯示的問題
- layui實現(xiàn)數(shù)據(jù)表格點擊搜索功能
- 基于layui實現(xiàn)高級搜索(篩選)功能
- layui數(shù)據(jù)表格實現(xiàn)重載數(shù)據(jù)表格功能(搜索功能)
- Layui 數(shù)據(jù)表格批量刪除和多條件搜索的實例
- layui實現(xiàn)顯示數(shù)據(jù)表格、搜索和修改功能示例
相關(guān)文章
javascript對下拉列表框(select)的操作實例講解
這篇文章主要介紹了javascript對下拉列表框(select)的操作。需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11JavaScript使ifram跨域相互訪問及與PHP通信的實例
這篇文章主要介紹了JavaScript使ifram跨域相互訪問及與PHP通信的實例,同時對同域間的訪問也作了詳細(xì)的演示,需要的朋友可以參考下2016-03-03