web前端url传递值 js加密解密

一：Js的Url中传递中文参数乱码问题，重点：encodeURI编码，decodeURI解码：

1.传参页面
Javascript代码：

<script type=”text/javascript”>// <![CDATA[
function send(){
var url = "test01.html";
var userName = $("#userName").html();
window.open(encodeURI(url + "?userName=" + userName)); }
// ]]>
</script>

2. 接收参数页面：test02.html

<script>
var urlinfo = window.location.href;//獲取url
var userName = urlinfo.split(“?”)[1].split(“=”)[1];//拆分url得到”=”後面的參數
$(“#userName”).html(decodeURI(userName));
</script>

注意：在编码时要两次编码

<script type="text/javascript">window.location.href = "Index.aspx?value=" + encodeURIComponent(encodeURIComponent("中文编码"));
</script>

二：如何获取Url“？”后，“=”的参数值：

A.首先用window.location.href获取到全部url值。
B.用split截取“?”后的全部
C.split(“?”)后面的[1]内数字，默认从0开始计算

三：Js中escape，unescape，encodeURI，encodeURIComponent区别：

1.传递参数时候使用，encodeURIComponent否则url中很容易被”#”，”？”，”&”等敏感符号隔断。
2.url跳转时候使用，编码用encodeURI，解码用decodeURI。
3.escape() 只是为0-255以外 ASCII字符做转换工作，转换成的 %u**** 这样的码，如果要用更多的字符如 UTF-8字符库就一定要用 encodeURIComponent() 或 encodeURI() 转换才可以成 %nn%nn 这的码才可以,其它情况下escape，encodeURI，encodeURIComponent编码结果相同,所以为了全球的统一化进程，在用 encodeURIComponent() 或 encodeURI() 代替 escape() 使用吧！

转载于:https://www.cnblogs.com/xiaoXuZhi/p/3396051.html

web前端url传递值 js加密解密相关推荐

妙味课堂WEB前端开发全套教程无加密版
妙味课堂WEB前端开发全套视频教程无加密版下载地址:百度网盘
好程序员web前端分享如何理解JS单线程
好程序员web前端分享如何理解JS单线程,JS本质是单线程的.也就是说,它并不能像JAVA语言那样,两个线程并发执行. 但我们平时看到的JS,分明是可以同时运作很多任务的,这又是怎么回事呢? 首先,J ...
2019最新妙味课堂WEB前端开发全套教程无加密版
妙味课堂WEB前端开发全套视频教程无加密版下载地址:百度网盘
数据AES加密安全传输之前端JS加密解密
AES(Advanced Encryption Standard)是一种对称加密方式,旨在取代DES成为广泛使用的标准.我在前端实现关键数据报文加密时采用了该加密方式. 我使用的AES加密架包是cry ...
前端使用pako.js加密解密
之前在网上搜到的关于pako加密解密方法,其中加密方法有点问题,和解密方法不配套. 整理了下我自己最后修改的代码 zip = (str) => { let binaryString = pako ...
web前端基础html,css,js,jquery
目录 1 前端技术: 1.1 学习方法 1.1.1 前端要怎么学? 1.1.2 前端技术栈 1.2 HBuilderX 1.2.1 介绍 1.2.2 安装 1.2.3 主题 1.2.4 字体 1.2. ...
Web前端：HTML~CSS~JS
Web前端网页主要由3部分组成:结构.表现.行为.目前网页的新标准是W3C,模式是HTML.CSS.JavaScript,这是前端开发最核心的3个技术.前2个技术的最新版本分别为HTML5.CSS3 ...
c++局部对象是什么_小白学Web前端难点是什么 JS进阶知识点有哪些
小白学Web前端难点是什么?JS进阶知识点有哪些?JavaScript是前端小白学习的难点,但又是前端工程师必须要掌握的技能.很多同学反映JavaScript知识点多而杂,不知道如何下手,下面就给大家 ...
iframe跨域调用js_郑州Web前端基础学习之JS跨域知识梳理
JS是Web前端开发三要素之一,是郑州Web前端基础学习中非常重要的知识点.JS涉及的知识点多且杂,很多同学反映不知如何下手,事实上,只要你认真记.多练习,就可以慢慢掌握它.今天千锋郑州Web前端培训 ...

web前端url传递值 js加密解密

web前端url传递值 js加密解密相关推荐

最新文章

热门文章