首页 > Web开发 > 详细

王小胖之 URL编码和解码

时间:2015-10-22 00:04:33      阅读:377      评论:0      收藏:0      [点我收藏+]

使用场景:程序员使用较多,主要是图个方便,实现很简单

实现功能: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/

 

 

 

王小胖之 URL编码和解码

原文:http://www.cnblogs.com/wangpg/p/4899418.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!