怎样存储layui模板引擎后台返回的数据，在需要的时候获取
生活随笔
收集整理的這篇文章主要介紹了
怎样存储layui模板引擎后台返回的数据，在需要的时候获取
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
? ? ? ?在項目中遇到一個情況，需要動態(tài)獲取后臺的返回數(shù)據(jù)，并在前臺渲染出來，并且能夠根據(jù)所點擊的不同標簽，隨時獲取對應數(shù)據(jù)。在網(wǎng)上看到兩種方法，一種是寫一個動態(tài)創(chuàng)建div模板的函數(shù)，并將返回值作為參數(shù)在其中展示出來；一種是layui模板引擎進行數(shù)據(jù)渲染。
? ? ? ?但是這種渲染方式在渲染完成之后不能獲得后臺返回的完整的數(shù)據(jù)，暫時相處一種解決辦法：將返回值作為一個對象用JSON.stringify()轉(zhuǎn)換成json字符串格式，用data()含函數(shù)存儲在一個標簽中，在需要獲取的時候，用$.parseJSON()函數(shù)將json字符串轉(zhuǎn)換成json對象，再獲取想要的值。
示例：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css"> </head> <body> <div></div><script src="../../layuiadmin/layui/layui.js"></script> <script>layui.use(['jquery','layer'],function () {var layer = layui.layer,$ = layui.$;var res = [{ "switchGoodBList":[{"goodsB":"歡樂谷門票","switchrate":"7"},{"goodsB":"歡樂谷門票","switchrate":"100"},{"goodsB":"#jifen#","switchrate":"100"}],"launchtime":"2018-10-11","goodsName":"七天酒店","launchusername":"柯南","count":"2"},{ "switchGoodBList":[{"goodsB":"養(yǎng)樂多","switchrate":"7"},{"goodsB":"養(yǎng)樂多","switchrate":"100"},{"goodsB":"#jifen#","switchrate":"100"}],"launchtime":"2018-10-11","goodsName":"七天酒店","launchusername":"柯南","count":"2"}];//存儲的時候先將返回值轉(zhuǎn)換成json字符串格式var changeto = JSON.stringify(res);console.log("json字符串格式：");console.log(changeto);//用data函數(shù)將參數(shù)附加在div上$("div").data("testdata", changeto);//獲取的時候先將json字符串轉(zhuǎn)換成json對象var changeback = $("div").data("testdata");var jsonobj = $.parseJSON(changeback);console.log("json字對象格式：");console.log(jsonobj);//獲取返回值var goodsname = jsonobj[0].goodsName;console.log("房間名稱：");console.log(goodsname);var goodsB = jsonobj[0].switchGoodBList[1].goodsB;console.log("交換對象：")console.log(goodsB);}); </script> </body> </html>結(jié)果：
總結(jié)
以上是生活随笔為你收集整理的怎样存储layui模板引擎后台返回的数据，在需要的时候获取的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 自定义异常类NegativeExcept
- 下一篇： 爬虫——保存爬取数据