为了账号安全,请及时绑定邮箱和手机立即绑定

求助,使用localStorage保存读取用户名和密码,不知道哪里出错了,麻烦帮忙看看!

求助,使用localStorage保存读取用户名和密码,不知道哪里出错了,麻烦帮忙看看!

胡子哥哥 2021-05-25 19:15:13

<!DOCTYPE html >
<html>
<head>
<meta charset="utf-8" />
<title>使用localStorage</title>
<script language="JavaScript">
var str=JSON.stringify(data);
function savest()
{
var data=new Object;
data.user=document.getElementById('user').value;
data.password=document.getElementById('password').value;
var str=JSON.stringify(data);
localStorage.setItem(data.user,str);
alert("登陆成功");
}
var data=JSON.parse(str);
function getsave(id)
{
var find=document.getElementById('user').value;
var str=localStorage.getItem(find);
var data=JSON.parse(str);
var show=document.getElementById('password');
show.innerHTML=data.password;
}
</script>
</head>
<body onload="getsave()">
<form>
<ul>
<li>用户名
<input id="user" type="text">
</li>
<li>密码
<input id="password" type="password">
</li>
<li >
<input name="btnLogin" value="登陆" type="button" onclick="savest()" >
<input name="rstLogin" type = "reset" value="取消">
</li>
</ul>
</form>
</body>
</html>

查看完整描述

2 回答

?
摇曳的蔷薇

TA贡献1614条经验 获得超9个赞

localStorage保存用的key是user,那必须通过user来得到保存的记录,onload时后,user没值,所以,也查不到。可以给user添加blur事件,这样,当输入保存的user,失去焦点,密码就自动回填了。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>使用localStorage</title>
<script language="JavaScript">
function savest()
{
var data=new Object;
data.user=document.getElementById('user').value;
data.password=document.getElementById('password').value;
var str=JSON.stringify(data);
localStorage.setItem(data.user,str);
alert("登陆成功");
}

function getsave(id)
{
var find=document.getElementById('user').value;
var str=localStorage.getItem(find);
var data=JSON.parse(str);
var show=document.getElementById('password');
if (data && data.password) {
show.value=data.password;
}
}
</script>
</head>
<body>
<form>
<ul>
<li>用户名
<input id="user" type="text" onblur="getsave()">
</li>
<li>密码
<input id="password" type="password">
</li>
<li >
<input name="btnLogin" value="登陆" type="button" onclick="savest()" >
<input name="rstLogin" type = "reset" value="取消">
</li>
</ul>
</form>
</body>
</html>



查看完整回答
反对 回复 2021-05-31
?
慕田峪4524236

TA贡献1656条经验 获得超8个赞

用户名、密码保存,自动登录等,可以通过设置cookie实现,第一次登录网站后在本地计算机的中写入cookie,之后再次登录此网站查看cookie中现有的值,用cookie值进行网站登录即可。
  但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。

查看完整回答
反对 回复 2021-05-31

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信