如何把在本地存储sessionStorage.setItem()上存的值渲染在输入框中js

IKUNzhenin2024-03-15 22:16

首先数据如下:

javascript 复制代码

{"id":290,"password":"e10adc3949ba59abbe56e057f20f883e","membercatid":4,"img":"/uploads/20240307/42a5c062d8d260dbfb04fac8cc89ca2a.png","company":"cc科技","name":"测试","tel":"电话为手机号","tradeid":17,"tradename":"烟草制品业","membercat_title":"会员"}

是一个对象形式但是用不了的还要转成json的格式才能用

javascript 复制代码

{id: 290, password: 'e10adc3949ba59abbe56e057f20f883e', membercatid: 4, img: '/uploads/20240307/42a5c062d8d260dbfb04fac8cc89ca2a.png', company: '测试科技', ...}
company
: 
"测试科技"
id
: 
290
img
: 
"/uploads/20240307/42a5c062d8d260dbfb04fac8cc89ca2a.png"
membercat_title
: 
"会员"
membercatid
: 
4
name
: 
"测试"
password
: 
"e10adc3949ba59abbe56e057f20f883e"
tel
: 
"账号为手机号"
tradeid
: 
17
tradename
: 
"烟草制品业"
[[Prototype]]
: 
Object

如此还要判断

javascript 复制代码
let data=sessionStorage.getItem("datas");
console.log(data);
let dataObj;
dataObj=data;
if(dataObj){
	dataObj = JSON.parse(data);  
	console.log(dataObj);
	$(".content_name").val(dataObj.tradename)
}else{
	$("#hint").show();
	$("#hint_p").html('"没有此数据"');
	setTimeout(function() {
		$("#hint").hide();
	}, 1500);
}
这段代码的作用是从sessionStorage中获取一个名为"datas"的数据，并进行一些处理。首先，使用sessionStorage.getItem("datas")方法获取"datas"数据，并将结果赋值给变量data。然后，将data赋值给变量dataObj。接下来的代码判断dataObj是否存在，如果存在，则将其解析为JSON格式并输出在控制台上，然后将dataObj中的tradename属性值赋给类名为"content_name"的元素的值。如果dataObj不存在，则显示一个提示信息，并在1.5秒后隐藏提示信息。