王小胖之 URL编码和解码

作者: 托尼 分类: wxp 发布时间: 2015-10-25 22:02

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

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

 

 

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

打赏      

发表评论

电子邮件地址不会被公开。 必填项已用*标注