使用场景:程序员使用较多,主要是图个方便,实现很简单
实现功能: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/
原文:http://www.cnblogs.com/wangpg/p/4899418.html