王小胖之 URL编码和解码
使用场景:程序员使用较多,主要是图个方便,实现很简单
实现功能:URL编码 和URL解码
数据实例:
输入:王小胖好啊,王小胖顶呱呱!! ~~ english 123 !@#$%^&*()_+
输出:%E7%8E%8B%E5%B0%8F%E8%83%96%E5%A5%BD%E5%95%8A%EF%BC%8C%E7%8E%8B%E5%B0%8F%E8%83%96%E9%A1%B6%E5%91%B1%E5%91%B1%EF%BC%81%EF%BC%81%20~~%20english%20123%20!%40%23%24%25%5E%26*()_%2B
功能实现:这里主要用到三对JS函数 escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent。
HTML代码
<p> <textarea class="form-control" id="in" rows="5" cols="">王小胖好啊,王小胖顶呱呱!! ~~ english 123 !@#$%^&*()_+</textarea> </p>
<p> <input type="radio" name="a" value="3" checked="checked"> encodeURIComponent() <input type="radio" name="a" value="1" > escape() <input type="radio" name="a" value="2"> encodeURI() <button class="btn btn-success " id="encode" >编码</button> <button class="btn btn-success " id="decode" >解码</button> </p>
<p> <textarea class="form-control" id="out" rows="5" cols=""></textarea> </p>
JS代码:
<script type="text/javascript"> $(function(){ $("#encode").click(function(){ intxt=$("#in").val(); func=$('input:radio:checked').val(); if(func==1){ out=escape(intxt); }else if(func==2){ out=encodeURI(intxt); }else{ out=encodeURIComponent(intxt); } $("#out").val(out); }); $("#decode").click(function(){ intxt=$("#in").val(); func=$('input:radio:checked').val(); if(func==1){ out=unescape(intxt); }else if(func==2){ out=decodeURI(intxt); }else{ out=decodeURIComponent(intxt); } $("#out").val(out); }); }); </script>
--------------------------------------------------------------------------------------------------------------------------
不爱说话,一切以代码为主,其他 全靠悟性!
URL编码解码:http://www.wxp123.me/Index/detail/id/7.html
王小胖个人博客地址:http://blog.wxp123.me/p/56
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性