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

首先数据如下:

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

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

{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

 

如此还要判断 

 


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秒后隐藏提示信息。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/755790.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

bootstrap精选模板tabler下载

官网演示: https://mb.bootcss.com/themes/tabler/index.html 在线预览: https://tabler.io/preview Github 开源地址: https://github.com/tabler/tabler Tabler 项目特点: 现代化设计: Tabler 采用现代化的设计…

代码算法训练营day8 | 344.反转字符串、 541. 反转字符串II、卡码网:54.替换数字、151.翻转字符串里的单词、卡码网:55.右旋转字符串

day8:剩下的两题 151.翻转字符串里的单词卡码网:55.右旋转字符串 151.翻转字符串里的单词 题目链接 状态:不ok 文档:programmercarl.com 思路: 我们将整个字符串都反转过来,那么单词的顺序指定是倒序了,只不…

【2024.3.19练习】统计子矩阵

题目描述 题目分析 这道题一开始没有思路,使用蛮力枚举的方法时间复杂度为,显然超时。 参考题解后学会了化二维问题为一维问题,先使用的复杂度限制子矩阵的高度,再考虑列,这样就将子矩阵的和问题转变为了连续子序列的…

拿捏指针(三)

✨✨欢迎👍👍点赞☕️☕️收藏✍✍评论 个人主页:秋邱博客 所属栏目:C语言 (感谢您的光临,您的光临蓬荜生辉) 前言 在这之前我们学习了《拿捏指针(一)》,《拿…

重学SpringBoot3-函数式Web

更多SpringBoot3内容请关注我的专栏:《SpringBoot3》 期待您的点赞👍收藏⭐评论✍ 重学SpringBoot3-函数式Web 函数式Web编程简介RouterFunctionRequestPredicateServerRequestServerResponse 好处示例结论 随着响应式编程范式的兴起和 Java 函数式编程能…

Spring之@Value注解

前言 Value注解在Spring的依赖注入中占据重要地位,这里对Value注解的作用进行演示以及扩展 作用 注入字符串注入属性注入bean其他 代码准备 创建两个普通的bean Component public class ValueComponent { } Component public class Foo {private String sign;public Foo…

个人工作常用Linux相关总结

bash脚本 更新前端 #!/bin/bash # 定义变量 # 移动zip到相应路径 function move_zip() { if [ -f "$ZIP_FILE" ]; then mv "$ZIP_FILE" "$ZIP_DEST" if [ $? -eq 0 ]; then echo "Zip file moved to $ZIP_DEST" else echo…

day-24 不同路径

思路:动态规划,因为只能向下或向右移动,所以第一行和第一列的路径数皆为1,其余位置的路径数dp[i][j]dp[i-1][j]dp[i][j-1] 最后返回dp[m-1][n-1]即可 code: class Solution {public int uniquePaths(int m, int n) {int dp[][]n…

【通用知识】HttpServletRequest接口方法

一、前端知识概述 说明: 1、Headers和Payload为前端传给后端的请求头和请求参数信息。Preview和Response为后端返回的数据。 2、Payload标签内为前端传给后端的参数。其中,Query String Parameters中为问号传参,对应后端RequestParam方式&…

MNN createRuntime(二)

系列文章目录 MNN createFromBuffer(一) MNN createRuntime(二) MNN createSession 之 Schedule(三) MNN createSession 之创建流水线后端(四) MNN Session::resize 之流水线编码&am…

飞天使-k8s知识点27-kubernetes温故知新2-deployment

文章目录 RC和RS无状态应用管理 deployment有状态应用statefulSetdaemonSet RC和RS RC不会使用在生产环境 RS 比RC 多了标签选择器 ,RS 用deployment管理,用于容器编排无状态应用管理 deployment apiVersion: apps/v1 kind: Deployment metadata:name:…

C# Onnx Yolov9 Detect 物体检测

目录 介绍 效果 项目 模型信息 代码 下载 C# Onnx Yolov9 Detect 物体检测 介绍 yolov9 github地址:https://github.com/WongKinYiu/yolov9 Implementation of paper - YOLOv9: Learning What You Want to Learn Using Programmable Gradient Information …

jQuery遍历DOM元素

自下而上(获取父节点) 通过jQuery对象可以向上遍历DOM树 parent()返回被选元素的直接父元素。该方法只会向上一级对DOM 树进行遍历。返回要给jQuery对象parents([type]) 返回被选元素的祖先元素可传入字符串过滤类型,返回被选元素中为该类型的祖先元素 parentsUn…

IPD流程学习

集成开发的概念学习, IPD是把产品纳入经营的理念,分为两件事:1是做正确的事,2正确的事情怎么做 1、做正确的事, 市场调研,不是闭门造车需求管理,怎么把客户的需求转变成产品的开发需求&#…

构建Helm chart和chart使用管道与函数简介

目录 一.创建helm chart(以nginx为例) 1.通过create去创建模板 2.查看模板下的文件 3.用chart模版安装nginx 二.版本更新和回滚问题 1.使用upgrade -f values.yaml或者命令行--set来设置 2.查看历史版本并回滚 三.helm模板内管道和函数 1.defau…

软件工程-第6章 面向对象方法UML

UML是一种图形化语言,简称画图。 6.1 表达客观事物的术语 6.2 表达关系的术语 1.关联 表达关联语义相关术语:关联名、导航、角色、可见性、多重性、限定符、聚合、组合。 2.泛化 3.细化 6.3 组织信息的一种通用机制-包 6.4 模型表达工具 一个用况图包含6…

Springboot+Redis:实现缓存 减少对数据库的压力

🎉🎉欢迎光临,终于等到你啦🎉🎉 🏅我是苏泽,一位对技术充满热情的探索者和分享者。🚀🚀 🌟持续更新的专栏Redis实战与进阶 本专栏讲解Redis从原理到实践 …

【Vue3】走进Pinia,学习Pinia,使用Pinia

💗💗💗欢迎来到我的博客,你将找到有关如何使用技术解决问题的文章,也会找到某个技术的学习路线。无论你是何种职业,我都希望我的博客对你有所帮助。最后不要忘记订阅我的博客以获取最新文章,也欢…

杰发科技AC7801——读取Flash数据做CRC校验

查看Keil的编译结果发现总共6160个字节。计算结果如下, 代码如下 #include "ac780x_crc.h" #include "ac780x.h" #include "ac780x_debugout.h" #include "string.h" #include "ac780x_eflash.h"#define TestSi…

Leetcode 239 滑动窗口最大值

题目信息 LeetoCode地址: . - 力扣(LeetCode) 题目理解 题意是很好理解的,一个固定长度(k)的滑块从一个数组的左端一步一步向右滑,然后挑出滑块盖住的那些数字中最大的,组成的数组就是结果。 难点在于,…