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

这篇具有很好参考价值的文章主要介绍了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进行数据存储和检索的示例:

// 存储数据到localStorage
localStorage.setItem('key', 'value');

// 从localStorage中检索数据
var value = localStorage.getItem('key');

// 删除localStorage中的数据
localStorage.removeItem('key');

在上述示例中,localStorage.setItem()用于将数据存储到localStorage中,它接受一个键和一个值作为参数。localStorage.getItem()用于检索指定键的值,它接受一个键作为参数,并返回对应的值。localStorage.removeItem()用于从localStorage中删除指定键的数据,它接受一个键作为参数。

请注意,localStorage中存储的数据是以字符串的形式进行存储的。如果你需要存储和检索非字符串类型的数据(例如对象或数组),你可以使用JSON.stringify()将其转换为字符串,然后使用JSON.parse()将其转换回原始类型。

下面是一个使用jQuery和localStorage存储和检索对象数据的示例:

// 存储对象到localStorage
var data = { key: 'value' };
localStorage.setItem('obj', JSON.stringify(data));

// 从localStorage中检索对象数据
var storedData = JSON.parse(localStorage.getItem('obj'));
console.log(storedData.key); // 输出: value

在上述示例中,我们将一个对象存储到localStorage中时,使用JSON.stringify()将其转换为字符串进行存储。然后,使用JSON.parse()将存储的字符串转换回对象形式进行检索。

总之,jQuery可以与localStorage一起使用,以便在客户端浏览器中存储和检索数据。

对用户名和密码进行存储

当用户进行登录页后,直接从localStorage中把用户名和密码取出来,填充到表单里,对用户体验来说十分不错;像浏览器的记住密码功能是有安全隐患的,因为其它人通过你的电脑,就可以看到你的密码了,不是很安全。文章来源地址https://www.toymoban.com/news/detail-486047.html

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

到了这里,关于js~在浏览器中对用户名和密码进行存储的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 通过docker安装es,并且设置安全权限(用户名和密码)_docker es 设置用户名和密码

    cluster.name: “docker-cluster” network.host: 0.0.0.0 xpack.security.enabled: true  xpack.security.transport.ssl.enabled: true 3、进入容器内 docker exec -it elasticsearch /bin/bash 4、cd /bin 5、可以进行设置密码(下面几步都要输入密码) 6、重新启动docker 7、浏览器访问es 自我介绍一下,小编13年上海交大毕业

    2024年04月22日
    浏览(50)
  • vagrant 用户名密码登录

    正常登录后          sudo -i 切换到root权限        vim /etc/ssh/vim sshd_config        将PasswordAuthentication no设置         为yes 重启sshd.service服务         systemctl restart sshd.service

    2024年01月16日
    浏览(38)
  • ES添加用户名和密码

    注:Elasticsearch示例版本:7.6.2 1. 修改配置 需要在配置文件中开启x-pack验证, 修改config目录下面的elasticsearch.yml文件,在里面添加如下内容,并重启es. 2. 设置密码 进入es的安装根目录bin下,/usr/local/elasticsearch-7.6.2/bin 执行设置用户名和密码的命令,这里需要为4个用户分别设置密码

    2024年01月20日
    浏览(61)
  • 电脑更改开机密码和用户名

    一、电脑更改开机密码 1、快捷键Ctrl+Alt+Del出现以下界面。 2、点击“更改密码”,出现修改密码的界面,输入旧的密码,以及新的密码,确定即可。 二、电脑更改开机用户名 1、打开电脑的”控制面板“。 2、在控制面板中点击“用户帐户”点击打开。 3、在窗口中点击“更

    2024年02月12日
    浏览(41)
  • ubuntu修改用户名和密码

    1、设置root用户密码 终端显示 :Enter new UNIX password: 连续两次输入密码即可; 最后显示:passwd: password updated successfully 进入root用户,下面的操作一定要在root权限下进行,放置用户名和密码不一致; 2、修改用户密码 根据提示修改即可; 修改用户名,三步操作均为改成自己的

    2024年02月09日
    浏览(42)
  • elasticsearch 配置用户名和密码

    无密码的其他配置项在:https://blog.csdn.net/Xeon_CC/article/details/132064295 elasticsearch.yml配置文件: 查看证书过期时间: 在上面的“生成证书”这个步骤中的第二行命令,可以换为以下的步骤,安全性会更高,注意,确保存在elastic-stack-ca.p12文件,也就上述“生成证书”步骤中的第

    2024年02月14日
    浏览(45)
  • elasticSearch 设置用户名密码 && 查询

    一、设置密码 1.需要在配置文件中开启x-pack验证, 修改config目录下面的elasticsearch.yml文件,在里面添加如下内容,并重启. 2,执行设置用户名和密码的命令,这里需要为4个用户分别设置密码,elastic, kibana, logstash_system,beats_system 网上设置时出现的: 我设置密码时出现的: 其中,用

    2024年01月17日
    浏览(68)
  • ES修改用户名和密码

    修改config目录下面的elasticsearch.yml文件,在里面添加如下内容,并重启es. 执行 elasticsearch-setup-passwords interactive 设置用户名和密码的命令,为以下几个用户分别设置密码,elastic,apm_system,kibana,kibana_system,logstash_system,beats_system,remote_monitoring_user.

    2024年02月11日
    浏览(54)
  • docker修改容器用户名密码

    1.docker ps|grep name(jenkins)  获得容器id   2.通过使用root用户身份以SSH方式登录docker容器 docker exec -it --user root container_id /bin/bash docker exec -it --user root 8fbf3ef0044c /bin/bash    3.进入容器后输入命令 passwd root  4.进入容器:     5.执行用户切换 su root.之后输入前面设置过的root密码    

    2024年02月11日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包