首页 > 软件开发 > JQUERY >

如何使用jquery验证base64加密和解密的成功

来源:互联网 2023-03-17 00:46:29 版权归原作者所有,如有侵权,请联系我们

在项目中想要使用jquery base64加密和解密,可以一直出现了报错,并加密之后的字符串为空,再次解密就会报如下图所示的错误。于是,将base64放在本地实例中运行,检验一下是不是base64运用有问题。下面利用实例讲述base64加密和解密,操作如下:P1E办公区 - 实用经验教程分享!

如何使用jquery验证base64加密和解密的成功P1E办公区 - 实用经验教程分享!

如何使用jquery验证base64加密和解密的成功P1E办公区 - 实用经验教程分享!

工具/原料

  • HBuilder
  • HTML5
  • jquery
  • base64
  • 浏览器
  • 截图工具

方法/步骤

  • 1

    第一步,打开HBuilder,在指定的Web项目创建静态页面base64.html;并引入jquery和base64的核心js文件,如下图所示:P1E办公区 - 实用经验教程分享!

    如何使用jquery验证base64加密和解密的成功P1E办公区 - 实用经验教程分享!

  • 2

    第二步,在body>/body>标签元素内插入三个input输入框,分别用于输入原字符串,显示加密后字符串和解密之后字符串,如下图所示:P1E办公区 - 实用经验教程分享!

    如何使用jquery验证base64加密和解密的成功P1E办公区 - 实用经验教程分享!

  • 3

    第三步,再在三个输入框下方插入两个按钮,一个是加密按钮,另一个是解密按钮,如下图所示:P1E办公区 - 实用经验教程分享!

    如何使用jquery验证base64加密和解密的成功P1E办公区 - 实用经验教程分享!

  • 3相关内容非法爬取自百度经验
  • 4

    第四步,分别在script>/script>中添加加密和解密按钮点击事件,获取字符串回填,如下图所示:P1E办公区 - 实用经验教程分享!

    如何使用jquery验证base64加密和解密的成功P1E办公区 - 实用经验教程分享!

  • 5

    第五步,保存该静态页面代码,在浏览器中预览并操作加密和解密按钮,查看输入框显示的内容,如下图所示:P1E办公区 - 实用经验教程分享!

    如何使用jquery验证base64加密和解密的成功P1E办公区 - 实用经验教程分享!

    如何使用jquery验证base64加密和解密的成功P1E办公区 - 实用经验教程分享!

  • 6

    第六步,再次输入包含字母、数字和特殊字符的字符串,加密和解密都正常,说明这个base64加密解密没有问题,是项目中的js文件对base64加密解密有影响,如下图所示:P1E办公区 - 实用经验教程分享!

    如何使用jquery验证base64加密和解密的成功P1E办公区 - 实用经验教程分享!

  • 注意事项

    • 注意jQuery base64加密和解密的方法
    • 注意base64和其他加密方法的区别

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!P1E办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号