js~在浏览器中对用户名和密码进行存储

人夋

base64函数

btoa() 和 atob() 是 JavaScript 中的标准函数，通常在现代浏览器中都能正常工作。然而，它们在处理非 ASCII 字符时可能存在一些兼容性问题。
这些函数的主要限制在于它们仅支持 ASCII 字符集，对于非 ASCII 字符（如 Unicode 字符）可能会产生不可预测的结果。在处理非 ASCII 字符时，你可能需要使用其他方法或库来确保正确的编码和解码。
另外，btoa() 和 atob() 函数是浏览器原生提供的，而不是 jQuery 特有的函数。它们在大多数现代浏览器中得到支持，包括 Chrome、Firefox、Safari 和 Edge。但是，对于一些旧版本的浏览器，特别是旧版本的 Internet Explorer，可能不支持这些函数。
为了兼容性和更好的跨浏览器支持，你可以考虑使用现代的 JavaScript 库，如 Base64.js 或 CryptoJS，它们提供了跨浏览器的 Base64 编码和解码功能。
总之，btoa() 和 atob() 在大多数现代浏览器中都能正常工作，但对于非 ASCII 字符和一些旧版本的浏览器可能存在兼容性问题。对于更广泛的兼容性和功能需求，使用专门的 Base64 编码库可能是一个更好的选择。
localStorage

localStorage是浏览器提供的一种机制，用于在客户端（即浏览器）中存储和检索数据。它允许你以键值对的形式将数据保存在浏览器的本地存储空间中，并且这些数据在页面刷新或关闭后仍然可用。
下面是使用jQuery与localStorage进行数据存储和检索的示例：

1. // 存储数据到localStorage
2. localStorage.setItem('key', 'value');
4. // 从localStorage中检索数据
5. var value = localStorage.getItem('key');
7. // 删除localStorage中的数据
8. localStorage.removeItem('key');

复制代码

在上述示例中，localStorage.setItem()用于将数据存储到localStorage中，它接受一个键和一个值作为参数。localStorage.getItem()用于检索指定键的值，它接受一个键作为参数，并返回对应的值。localStorage.removeItem()用于从localStorage中删除指定键的数据，它接受一个键作为参数。
请注意，localStorage中存储的数据是以字符串的形式进行存储的。如果你需要存储和检索非字符串类型的数据（例如对象或数组），你可以使用JSON.stringify()将其转换为字符串，然后使用JSON.parse()将其转换回原始类型。
下面是一个使用jQuery和localStorage存储和检索对象数据的示例：

1. // 存储对象到localStorage
2. var data = { key: 'value' };
3. localStorage.setItem('obj', JSON.stringify(data));
5. // 从localStorage中检索对象数据
6. var storedData = JSON.parse(localStorage.getItem('obj'));
7. console.log(storedData.key); // 输出: value

复制代码

在上述示例中，我们将一个对象存储到localStorage中时，使用JSON.stringify()将其转换为字符串进行存储。然后，使用JSON.parse()将存储的字符串转换回对象形式进行检索。
总之，jQuery可以与localStorage一起使用，以便在客户端浏览器中存储和检索数据。
对用户名和密码进行存储

当用户进行登录页后，直接从localStorage中把用户名和密码取出来，填充到表单里，对用户体验来说十分不错；像浏览器的记住密码功能是有安全隐患的，因为其它人通过你的电脑，就可以看到你的密码了，不是很安全。

1. // 页面加载后填充用户名和密码
2.   var username = localStorage.getItem("c");
3.   var obj=JSON.parse(atob(username));
4.   $("#email-phone").val(obj.username);
5.   $("#passwordFront").val(obj.password);
6. // 提交表单时，存储用户名和密码，为了安全，我们的密码在post传递时，是加密之后的，明文密码不进行提交，保证了安全性，虽然目前有了https，保存了它在传输过程中的安全性，但像大型网站还是对这块进行了加密
7.   $("#password").val(encryption($("#passwordFront").val()));
8.   var obj= {username:$("#email-phone").val(), password: $("#passwordFront").val()};
9.   localStorage.setItem("c", btoa(JSON.stringify(obj)));
10.   $("#passwordFront").remove();
11.   $("#form-login").submit();

复制代码

来源:https://www.cnblogs.com/lori/p/17485022.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！