首页 > 其他分享 >jquery本地存储的数据格式只能是字符串,如需存储对象,需要转换后存储

jquery本地存储的数据格式只能是字符串,如需存储对象,需要转换后存储

时间:2023-05-30 16:34:24浏览次数:39  
标签:jquery 存储 title todoList todo JSON 数据格式 data


<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<script src="js/jquery-3.5.1.min.js"></script>
	</head>
	<body>
		<script>
			var todoList = [
				{title: '我今天吃八个馒头', done: false},
				{title: '我今天学习JQuery', done: true}
			]
			localStorage.setItem('todo', todoList)
			/*本地存储里面只能存储字符串的数据格式*/
			/*把数组转换成字符串 JSON.stringify()*/
            localStorage.setItem('todo', JSON.stringify(todoList))
			var data=localStorage.getItem('todo');
            // console.log(data)
			/*转换为原来的对象*/
			var data_2=JSON.parse(data);
            console.log(data_2[0].title)
		</script>
	</body>
</html>


标签:jquery,存储,title,todoList,todo,JSON,数据格式,data
From: https://blog.51cto.com/u_16144724/6380366

相关文章

  • jquery 瀑布流
    pinterest_grid.js<!DOCTYPEhtml><htmllang="en"> <head> <metacharset="UTF-8"> <title>Title</title> <linkrel="stylesheet"href="css/normalize.css"> <linkrel=&......
  • jquery 拷贝对象
    如果想要把某个对象拷贝(合并)给另外一个对象使用,此时可以使用$.extend()方法语法∶$.extend([deep],target,object1,[object])1.deep:如果设为true为深拷贝,默认为false浅拷贝2.target:要拷贝的目标对象3.object1:待拷贝到第一个对象的对象。案例:<!DOCTYPEhtml><htmllang=......
  • jquery自动触发事件
    <!DOCTYPEhtml><htmllang="en"> <head> <metacharset="UTF-8"> <title>Title</title> <scriptsrc="js/jquery-3.5.1.min.js"></script> <script>$(function......
  • jQuery 事件解绑
    事件.off([事件名][,[子元素名]])一次性事件:事件.one(),//用法同on<!DOCTYPEhtml><htmllang="en"> <head> <metacharset="UTF-8"> <title>Title</title> <scriptsrc="js/jquery-3.5.1.min.js"></sc......
  • jquery 创建,追加,删除节点
    <!DOCTYPEhtml><htmllang="en"> <head> <metacharset="UTF-8"> <title>Title</title> <scriptsrc="js/jquery-3.5.1.min.js"></script> </head> <body> <ul&g......
  • jquery 全选,反选复选框
    <!DOCTYPEhtml><htmllang="zh-CN"> <head> <metacharset="UTF-8"> <title>我的购物车-品优购</title> <linkrel="stylesheet"href="css/base.css"> <linkrel="styleshee......
  • 解决es存储的日志显示不完整问题
    背景:通过服务的实时日志和从kibana中查询到的不一致,实时日志会显示的更多。解决方法:修改fluentdconfigmap按照下图的方式fluentd配置中filter下,如图下图位置增加以下配置`#Concatenatemulti-linelogs(>=16KB)<filterkubernetes.**>@typeconcat......
  • store文件夹 vue_vue-cli2使用store存储全局变量
    1.引入store安装引入vuex,在main.js里面:importstorefrom'./store'//store引入newVue({el:'#app',router,store,//store引入components:{App},template:''})在store文件夹下创建index.js入口文件,添加下面内容:importVuefrom'vue';im......
  • 计算机存储体系中主存地址和 Cache 地址之间的转换工作由谁完成
    在存储体系中,位于主存与CPU之间的高速缓存(Cache)是用于存放主存中部分信息的副本,目的是提高处理器对数据的访问速度。主存地址与Cache地址之间的转换工作由一个硬件模块称为Cache控制器(CacheController)完成。Cache控制器是一个专门设计的硬件模块,通常集成在CPU芯片内部或者作为独......
  • 将ajax请求封装到jQuery库当中
    1. 手动把ajax封装到js库  28代码在com.bjpowernode.ajax.servletAjaxRequest10Servletpackagecom.bjpowernode.ajax.servlet;importjakarta.servlet.ServletException;importjakarta.servlet.annotation.WebServlet;importjakarta.servlet.http.HttpServlet;importja......