怎样存储layui模板引擎后台返回的数据，在需要的时候获取
生活随笔
收集整理的這篇文章主要介紹了
怎样存储layui模板引擎后台返回的数据，在需要的时候获取
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
? ? ? ?在項目中遇到一個情況，需要動態獲取后臺的返回數據，并在前臺渲染出來，并且能夠根據所點擊的不同標簽，隨時獲取對應數據。在網上看到兩種方法，一種是寫一個動態創建div模板的函數，并將返回值作為參數在其中展示出來；一種是layui模板引擎進行數據渲染。
? ? ? ?但是這種渲染方式在渲染完成之后不能獲得后臺返回的完整的數據，暫時相處一種解決辦法：將返回值作為一個對象用JSON.stringify()轉換成json字符串格式，用data()含函數存儲在一個標簽中，在需要獲取的時候，用$.parseJSON()函數將json字符串轉換成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":"養樂多","switchrate":"7"},{"goodsB":"養樂多","switchrate":"100"},{"goodsB":"#jifen#","switchrate":"100"}],"launchtime":"2018-10-11","goodsName":"七天酒店","launchusername":"柯南","count":"2"}];//存儲的時候先將返回值轉換成json字符串格式var changeto = JSON.stringify(res);console.log("json字符串格式：");console.log(changeto);//用data函數將參數附加在div上$("div").data("testdata", changeto);//獲取的時候先將json字符串轉換成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>結果：
總結
以上是生活随笔為你收集整理的怎样存储layui模板引擎后台返回的数据，在需要的时候获取的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 自定义异常类NegativeExcept
- 下一篇： 爬虫——保存爬取数据