localStorage存储JSON对象的小方法】的更多相关文章

有时候,我们需要将数据存储到sessionStorage和localStorage中,这样做的好处有: 1 缓存数据 2 减少对内存的占用 但是,storage只能存储字符串的数据,对于JS中常用的数组或对象却不能直接存储. var obj = { name:'Jim' }; sessionStorage.obj = obj; localStorage.obj = obj; var arr = [1,2,3]; sessionStorage.obj = arr; localStorage.obj…
LocalStorage存储JSON对象的问题   localStorage - 没有时间限制的数据存储 1 var arr=[1,2,3]; 2 localStorage.setItem("temp",arr); //会返回1,2,3 3 console.log(typeof localStorage.getItem("temp"));//string 4 console.log(localStorage.getItem("temp"));//…
应用场景: 账单列表中A页面:点击其中的一列,ajax返回的数据在这一页 点击进入账单详情B页面: 因为在A页面已经做过ajax的请求了,所以希望把当前其中的一个数组对象传到B页面中,所以,就考虑到暂时存到sessionStorage中. 目的:A页面传json对象到B页面中: 方法:sessionStorage; 注意的问题,sessionStorage.setItem("key","value")内存储的都是字符串,所以,可想而知,如果以对象的形式存到sessi…
在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. 使用Function对象来进行返回解析. 第一种解析方式:使用eval函数来解析,并且使用jQuery的each方法来遍历 用jQuery解析JSON数据的方法,作为jQuery异步请求的传输对象,jQuery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明. 这里首先…
JSON中,有两种结构:对象和数组,对象是没有length这个属性,而数组结构是有的,下面分别说下这两种结构之间的区别和遍历方式. 1.对象 一个对象以“{”开始,“}”结束.每个“key”后跟一“:”,“‘key/value’ 对”之间运用 “,”分隔. packJson = {"name":"phpernote", "password":"111"} 原生Js遍历json对象的方法 myJson = {"name…
json对象长这样 { "UniqueName": { "Required": "true", , , "Regex": " " }, "Email": { "Required": "true", , , "Regex": "^\\s*([A-Za-z0-9_-]+(\\.\\w+)*@(\\w+\\.)+\\w{2,…
目的:A页面存的东西要从B页面拿到 因为sessionStorage.setItem("key","value")内存储的都是字符串,所以,如果以对象的形式存到sessionStorage,那么,在从sessionStorage.getItem("key")取到的也只能是object字符了: 根本没法用 解决思路 :先用JSON.stringify();把值转换成字符串格式的再存到session里面 然后取的时候再用 JSON.parse();转…
var weekArray = ['周一'.'周二'.'周三'.'周四'.'周五']; //存: localStorage.setItem('weekDay',JSON.stringify(weekArray)); //取: weekArray = JSON.parse(localStorage.getItem('weekDay'));…
localStorage.setItem() 不会自动将Json对象转成字符串形式 用localStorage.setItem()正确存储JSON对象方法是: 存储前先用JSON.stringify()方法将json对象转换成字符串形式 JSON.stringify() 方法可以将任意的 JavaScript 值序列化成 JSON 字符串 var obj = {"a": 1,"b": 2}; obj = JSON.stringify(obj); //转化为JSON字…
一.JSON字符串转换为JSON对象 要使用上面的str1,必须使用下面的方法先转化为JSON对象: //由JSON字符串转换为JSON对象 var obj = eval('(' + str + ')'); 或者 var obj = str.parseJSON(); //由JSON字符串转换为JSON对象,此方法在小程序中不可用! 或者 var obj = JSON.parse(str); //由JSON字符串转换为JSON对象,此方法在小程序中可用!…
jQuery创建json对象 方法二: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>创建json对象第二种方法</title> </head> <body> <ul> <li>姓名:<span class="name"></span></li&…
json字符串转化成json对象 // jquery的方法 var jsonObj = $.parseJSON(jsonStr) //js 的方法 var jsonObj = JSON.parse(jsonStr) json对象转化成json字符串 //js方法 var jsonStr1 = JSON.stringify(jsonObj) 例如 例如: <script type="text/javascript"> var jsonStr = '[{"id&quo…
json字符串转json对象,调用parse方法: var b='{"name":"2323","sex":"afasdf","age":"6262"}'//json字符串 var bToObject=JSON.parse(b); console.log(bToObject.name);//2323 json对象转为json字符串: var a={"name":&qu…
一.json相关概念 json,全称为javascript object notation,是一种轻量级的数据交互格式.采用完全独立于语言的文本格式,是一种理想的数据交换格式. 同时,json是javascript是原生格式,所以javascript操作处理json不需要任何包,api,任何依赖. json中有两个结构:(1)数组(2)对象 (1)什么是数组 数组就是以"["开始,以“]”结束的,值之间运用 “,”(逗号)分隔. 比如: [{ "key": &quo…
spring MVC 如何接收前台传入的JSON对象数组 主要方法: (主要用到的包是 net.sf.json  即:json-lib-2.3-jdk15.jar 完整相关jar包: commons-beanutils-1.7.0.jarcommons-collections-3.2.jar commons-lang-2.4.jar commons-logging-1.1.jar ezmorph-1.0.4.jar json-lib-2.2.2-jdk15.jar) 转换JSONArray js…
json字符串转化成json对象 // jquery的方法 var jsonObj = $.parseJSON(jsonStr) //js 的方法 var jsonObj = JSON.parse(jsonStr) json对象转化成json字符串 //js方法 var jsonStr1 = JSON.stringify(jsonObj) json对象和json字符串之间的相互转换 例一:比如我有两个变量,我要将a转换成字符串,将b转换成JSON对象: var a={"name":&q…
spring MVC 如何接收前台传入的JSON对象数组 主要方法: (主要用到的包是 net.sf.json  即:json-lib-2.3-jdk15.jar 完整相关jar包: commons-beanutils-1.7.0.jarcommons-collections-3.2.jar commons-lang-2.4.jar commons-logging-1.1.jar ezmorph-1.0.4.jar json-lib-2.2.2-jdk15.jar) 转换JSONArray js…
将表单序列化为JSON对象的工具方法: $(function() { //工具方法,可以将指定的表单中的输入项目序列化为JSON数据 $.fn.serializeJson = function() { var serializeObj = {}; var array = this.serializeArray(); $(array).each(function() { if (serializeObj[this.name]) { if ($.isArray(serializeObj[this.n…
//将Form 表单转换为Json字符串 $.fn.serializeObject = function () { var o = {}; var a = this.serializeArray(); $.each(a, function () { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name] = [o[this.name]]; } o[this.name].push(this.value ||…
JSON对象: var str2 = { "name" :  "andy", "gender" : "man" , "age" : "24" } 可以通过点的形式访问其内部的属性,当时也可以通过[]的形式去访问其内部属性 console.log( str2.name)   /打印出来的是 andy console.log(str2["name"]  同样打印出来是也是…
在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键.例如: JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象:var str2 = { "name": "cxh", "sex": "man"…
在我们使用js请求后台控制器传回的结果result值的时候,经常会出现返回结果值为json字符串的情况,字符串无法在js中直接使用 返回样式栗子: 这是一个json字符串:result = "{is_ios: 0, code: 200, hasmore: true, page_total: 30, datas: {…}}"; 我们下面将其转换成json对象 1.方法一 利用eval方法,执行 res = eval('('+ result  +')'); res = {is_ios: 0…
数据类型,从结构上看,所有的数据最终都可以分成三种类型: 第一种类型是scalar(标量),也就是一个单独的string(字符串)或数字(numbers),比如“北京”这个单独的词. 第二种类型是sequence(序列),也就是若干个相关的数据按照一定顺序并列在一起,又叫做array(数组)或List(列表),比如“北京,东京”. 第三种类型是mapping(映射),也就是一个名/值对(Name/value),即数据有一个名称,还有一个与之相对应的值,这又称作hash(散列)或dictionar…
引用System.Web.Entity.dll public static string ToJSON(this object obj) { JavaScriptSerializer serializer = new JavaScriptSerializer(); return serializer.Serialize(obj); } 这几天在做移动后台服务,由于移动端的流量比较小,所以需要尽量的减小传输的数据包的大小,开始用的传XML,由于webservice生成的XML会自带很多东西,这样无…
如果是作为客户端的HTTP+JSON接口工程,没有JSP等view视图的情况下,使用Jersery框架开发绝对是第一选择.而在基于Spring3 MVC的架构下,对HTTP+JSON的返回类型也有很好的支持.但是,在开发工作中,对功能的升级是基于既定架构是很常见的情况.本人碰到需要用开发基于Struts2的HTTP+JSON返回类型接口就是基于既定框架结构下进行的. Struts2返回JSON有两种方式:1.使用Servlet的输出流写入JSON字符串:2.使用Struts2对JSON的扩展.…
localStorage是HTML5提供的再客户端实现本地存储的一种方法,但是localStorage方法只能存储字符串数据,有时候我们需要存储对象到本地比如:JSON:那么,localStorage怎么才能实现JSON数据的存储与读取呢? 思路:既然localStorage只能存储字符串数据,那么我们就可以先把JSON对象转换成字符串,然后用localStorage方法存储起来:等到需要用到这些JSON数据时,先把它们读取出来,然后再转换成JSON对象加以利用. 具体代码如下: var jso…
先介绍一下localStorage localStorage对象是HTML5的客户端存储持久化数据的方案.为了能访问到同一个localStorage对象,页面必须来自同一个域名(子域名无效),使用同一种协议,在同一个端口上. 过期策略:localstorage永久存储,不过期,除非手动删除,sessionstorage在重启浏览器.关闭页面或新开页面时失效. localStorage是Storage类型的实例.有以下的几种方法: ①clear():删除所有值. ②getItem(name):根据…
前言 最近在用angular做商城购物车的功能模块,因为angular的watch监听,数据只要发生变化就能很方便的自动渲染页面.但随即出现的问题是,之前用户操作的样式都会被重置掉. 例如我勾选了几个商品准备结算,又修改了商品数量,这时候发起了请求,页面数据被渲染,打钩的商品全被恢复未选中. 想着将所有选中商品的独有Id存入数组,利用localStorage存储,每次刷新都取到存储的数组,将数组对应Id的商品再次勾上.结果出现了下面的问题: ,,]; window.localStorage.se…
localStorage存储数组,对象,localStorage,sessionStorage存储数组对象   前言 最近在用angular做商城购物车的功能模块,因为angular的watch监听,数据只要发生变化就能很方便的自动渲染页面.但随即出现的问题是,之前用户操作的样式都会被重置掉. 例如我勾选了几个商品准备结算,又修改了商品数量,这时候发起了请求,页面数据被渲染,打钩的商品全被恢复未选中. 想着将所有选中商品的独有Id存入数组,利用localStorage存储,每次刷新都取到存储的数…
之前在客户端存储数据一直用的是cookie,由于有大小等限制,随着html5时代的到来,现在大多数用的是localstorage存储数据: 例如: localStorage.setItem("key","value");//存储变量名为key,值为value的变量 localStorage.key = "value"//存储变量名为key,值为value的变量 localStorage.getItem("key");//获取存…