LayUi中接口傳數(shù)據(jù)成功,表格不顯示數(shù)據(jù)的解決方法

更新時間：2018年08月19日 09:07:11 作者：君不在

今天小編就為大家分享一篇LayUi中接口傳數(shù)據(jù)成功,表格不顯示數(shù)據(jù)的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

今天接觸這個框架發(fā)現(xiàn)的問題，感覺有必要注意下。

LayUi 對穿過來的 Json 有嚴格的要求，一般情況下，要求要有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ù)名稱' ,// 對應 code
 msgName: '自定義的參數(shù)名稱' , // 對應 msg
 countName: '自定義的參數(shù)名稱' , // 對應 count
 dataName: '自定義的參數(shù)名稱' // 對應 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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

javascript禁用Tab鍵腳本實例
這篇文章主要介紹了javascript禁用Tab鍵的腳本實例，很實用，大家參考使用吧
2013-11-11
JS鮮為人知的問題之[] == ![]結(jié)果為true、而{} == !{}卻為false
這篇文章主要給大家介紹了關于JS鮮為人知的問題之[] == ![]結(jié)果為true、而{} == !{}卻為false的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-05-05
前端js操作Cookie超詳細介紹與實戰(zhàn)案例
這篇文章主要給大家介紹了關于前端js操作Cookie詳細介紹與案例的相關資料,JS Cookie是一個用于在瀏覽器中操作Cookie的JavaScript庫,它提供了一組簡單的方法來設置、獲取、刪除和檢查 Cookie,需要的朋友可以參考下
2023-09-09
微信頭像地址失效踩坑記附帶解決方案
這篇文章主要介紹了微信頭像地址失效踩坑記附帶解決方案，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-09-09
js es6系列教程 - 新的類語法實戰(zhàn)選項卡(詳解)
下面小編就為大家?guī)硪黄猨s es6系列教程 - 新的類語法實戰(zhàn)選項卡(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
js中對函數(shù)設置默認參數(shù)值的3種方法
這篇文章主要介紹了js中對函數(shù)設置默認參數(shù)值的3種方法嗎，3種方法都具有一定的參考價值，感興趣的小伙伴們可以參考一下
2015-10-10
Express代理轉(zhuǎn)發(fā)服務器實現(xiàn)
這篇文章主要為大家介紹了Express代理轉(zhuǎn)發(fā)服務器實現(xiàn)技巧詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-05-05
使用Electron自制錄屏軟件
錄屏軟件對于我們來說都不陌生了,本文我們要做的事情是實現(xiàn)自己的錄屏軟件,載體使用Electron,因為它更適合錄制桌面的場景,下面我們就來看看具體實現(xiàn)方法吧
2024-01-01
javascript下利用數(shù)組緩存正則表達式的實現(xiàn)方法
利用組存大法要提高我們程序的性能，讓我們的正則表達式的創(chuàng)建于執(zhí)行更有效率。
2009-12-12
jscript讀寫二進制文件的方法
這篇文章主要介紹了jscript讀寫二進制文件的方法,涉及javascript中ActiveXObject對象的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-04-04