专栏首页angularejs学习篇web前端url传递值 js加密解密

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() 使用吧!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 聊聊多线程那一些事儿(task)之 三 异步取消和异步方法聊聊多线程哪一些事儿(task)之 三 异步取消和异步方法

      hello,咋们又见面啦,通过前面两篇文章的介绍,对task的创建、运行、阻塞、同步、延续操作等都有了很好的认识和使用,结合实际的场景介绍,这样一来在实际...

    小小许
  • 聊聊多线程那一些事儿(task)之 三 异步取消和异步方法聊聊多线程那一些事儿(task)之 三 异步取消和异步方法聊聊多线程那一些事儿 之 四 经典应用(取与舍、动态创建)聊聊多线程那一些事儿(ta

      hello,咋们又见面啦,通过前面两篇文章的介绍,对task的创建、运行、阻塞、同步、延续操作等都有了很好的认识和使用,结合实际的场景介绍,这样一来在实际...

    小小许
  • angularjs学习第六天笔记(指令简介学习)

      您好,由于周末有事情,没哟学习angularjs,几天晚上开始继续学习angularjs,坚持加油每一天。谢谢

    小小许
  • 快递公司做电商怎么玩儿?看看这匹黑马

    距双十一已过去近半月,但其余热还未消散,相比部分快递公司拖了近半个月还未把货物送到望眼欲穿的网购网民手中,顺丰速运又完成了一次双十一的“快“递。但除了送...

    罗超频道
  • Adobe Flash Player防和谐版【AX/NP/PP】

    大家好,我是FreeRonin,今天要介绍的是一个非常著名的软件---Adobe Flash Player,相信用过PC机的小伙伴们,肯定都用过Flash插件,...

    FreeRonin
  • 大连一家日企复工管理方式,96%的出勤率(值得借鉴)

    大连一家机械制造企业,2000人,但是10日正式复工已经做到96%的出勤率,这个数据值得关注,复工靠什么,靠的不是口号,不是冲动,靠的其实是细致的管理。朋友发来...

    钱塘数据
  • 【代码审计】LaySNS_v2.2.0漏洞分析

    LaySNS轻社区是一套基于ThinkPHP5+LayUI开发的集内容发布与社区交流与一体的综合网站系统。它的界面清新而大气,简洁而优雅。本文以LayS...

    Bypass
  • MySQL(四)DQL之条件查询

    leeqico
  • Adobe 正式宣布放弃 Flash

    今天,Adobe 正式宣布将放弃 Flash,而相关技术会在 2020 年底全部退役。

    Debian社区
  • 人人都可参与的AI技术体验:谷歌发布全新搜索引擎Talk to Books

    选自Research.Google 作者:Ray Kurzweil 机器之心编译 参与:路、张倩、李泽南 作为搜索引擎起家的科技巨头,谷歌曾推出过很多有意思的...

    机器之心

扫码关注云+社区

领取腾讯云代金券