快捷導(dǎo)航

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

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

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

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

LayUi 對穿過來的 Json 有嚴(yán)格的要求，一般情況下，要求要有4個(gè)參數(shù)，分別為：

code:0 //數(shù)據(jù)狀態(tài)
msg:"" //狀態(tài)信息
count:1000 //數(shù)據(jù)總數(shù)
data:[] //數(shù)據(jù)列表

若傳過來的 Json 包含這四個(gè)參數(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)有兩個(gè)字段不是必要的，分別是，msg 和 count 。若不傳或參數(shù)名對不上時(shí)不轉(zhuǎn)換，前臺表格頁面依舊會顯示出數(shù)據(jù)，必要的參數(shù)只有 code 和 data 。

官方文檔地址：傳送門

文檔中，statusCode 不需要寫，寫的話數(shù)據(jù)會顯示不成功。

以上這篇LayUi中接口傳數(shù)據(jù)成功,表格不顯示數(shù)據(jù)的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

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