王小胖之 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