json格式与cookie.jsy与laiui数据表格结合的实际使用

1. json格式

key和value都要用“”包裹###

var employees = [ { "firstName":"Bill" , "lastName":"Gates" }, { "firstName":"George" , "lastName":"Bush" }, { "firstName":"Thomas" , "lastName": "Carter" } ];

在js中

如果value值需要从前端组件中或者后端传值过来
格式可以写为

`var goodsId = $('.goodsId').text();
var goodsName = $('.goodsName').text();

var json = '[ {"goodsId:""'+goodsId+'","goodsName:""'+goodsName+'"
}]'

`

json语法详情见

https://www.w3school.com.cn/json/json_syntax.asp

json字符串与对象的转换

https://www.jianshu.com/p/fe04033f1c31

jqurey cookie操作技巧

https://www.jb51.net/Special/378.htm

浏览器json对象输出事例


2.具体事例(laiui数据表格与cookie结合)

laiyui数据表格需要json数据传入

cookie利用Json数据保存多条数据,每条数据对应多个值例如

`var employees = [
{ "firstName":"Bill" , "lastName":"Gates" },
{ "firstName":"George" , "lastName":"Bush" },
{ "firstName":"Thomas" , "lastName": "Carter" }
];'

转换为对象后可以从其中读取出多条数据

var em = JSON.parse(employees); //注意json中value值要用“”包裹
alert(em[1].firstName); //数据访问方式

cookie.js的使用方法

https://www.cnblogs.com/webcome/p/5470975.html
其中要注意:引入jqurey.js和cookie.js文件,删除cookie时也要把path属性加上,不然有可能删除不成功,

如下代码为在原有cookie保存的json字符串上加上{ key:value}字符串

layui数据表格读取cookie中的数据

`
`

posted on 2020-04-25 23:44  江一刀  阅读(356)  评论(0)    收藏  举报