怎样存储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模板引擎后台返回的数据，在需要的时候获取相关推荐

html 开发中遇到的问题，ajax异步传输，layui模板引擎并重新渲染
1.实际中自己遇到的,比较杂乱绑定点击事件绑定enter事件 html A页面跳转到B页面,并传参.取值 layui模板引擎,渲染样式 Ajax 异步传输数据,动态更新内容绑定点击事件 < ...
LayUI模板引擎渲染数据
前端模板引擎介绍接上节Spring boot项目开发实战--(LayUI实现前后端数据交换与定义方法渲染数据) 模板引擎能简化开发,极大提高效率,小编之前使用过JSP和Thymeleaf,以及pyt ...
jQuery接收后台返回的数据
jQuery 可以直接接受,后台返回的数据 Controller方法需要转换为JSONString List<AssayItemClassExt> assayItemClassExtLi ...
对后台返回的数据进行评分排序、时间排序！
导读:对后台返回的数据进行评分排序,时间排序,可以倒序,可以正序. 按照评分排序正序 qualityScoreSort(){this.tableData0.sort((a, b) => {re ...
利用模板引擎配合ajax进行数据的导入
1. 必须要安装环境才能查看,比如Appserv.利用模板引擎配合ajax进行数据的导入. 2. 在本人的github上有完整的代码,本人的github地址:https://github.com/hu ...
（配置消息转换器）解决后台返回json数据到前台时页面时中文显示乱码问题
(配置消息转换器)解决后台返回json数据到前台时页面时中文显示乱码问题 SpringMVC.xml中加 <mvc:annotati ...
Freemarker模板引擎：使用HashMap数据形式，导出word模板
编写:HorinJsor 文章目录一.Freemarker是什么? 二.Word模板编写 1.导出为xml格式文档在这里插入图片描述 2.使用HBuilderX重排格式 3.基本模板语法三.代码 ...
Ajax Get请求获取后台返回的数据
/* * Ajax 对象的成员 * 属性: responseText:以字符串形式接受返回的数据 * readyState: * 0:刚创建ajax对象 * 1:已经调用open方法 * 2:已经调用 ...
layui模板引擎做动态增加和减少表单
效果显示目录结构代码 <!DOCTYPE html> <html lang="en"><head><meta charset=&quo ...

怎样存储layui模板引擎后台返回的数据，在需要的时候获取

怎样存储layui模板引擎后台返回的数据，在需要的时候获取相关推荐

最新文章

热门文章