• javascript对url进行编码和解码


    这里总结下JavaScript对URL进行编码和解码的三个方法。

    为什么要对URL进行编码和解码

    只有【0-9[a-Z] $ - _ . + ! * ' ( ) ,】以及某些保留字,才能不经过编码直接用于URL,其他的字符如果不经过编码可能会导致各种各样的问题。

    很容易找到编码和解码的例子,比如在搜索引擎搜索的中文关键字,复制网址之后再粘贴会发现该URL已经被转码。

    escape()和unescape()

    原理:对除ASCII字母、数字、标点符号【@  *  _  +  -  .  /】以外的其他字符进行编码。

    编码:escape('http://www.baidu.com?name=yanggb@blog=yanggb')

    结果:"http%3A//www.baidu.com%3Fname%3Dyanggb@blog%3Dyanggb"

    编码:escape('杨冠标')

    结果:"%u6768%u51A0%u6807"

    解码:unescape('http%3A//www.baidu.com%3Fname%3Dyanggb@blog%3Dyanggb')

    结果:"http://www.baidu.com?name=yanggb@blog=yanggb"

    编码:unescape('%u6768%u51A0%u6807')

    结果:"杨冠标"

    encodeURI()和decodeURI()

    encodeURI()是Javascript中真正用来对URL编码的函数。

    原理:返回编码为有效的统一资源标识符 (URI) 的字符串,不会被编码的字符:【! @ # $ & * ( ) = : / ; ? + '】。  

    编码:encodeURI('http://www.baidu.com?name=杨冠标@blog=yanggb')

    结果:"http://www.baidu.com?name=%E6%9D%A8%E5%86%A0%E6%A0%87@blog=yanggb"

    解码:decodeURI('http://www.baidu.com?name=%E6%9D%A8%E5%86%A0%E6%A0%87@blog=yanggb')

    结果:"http://www.baidu.com?name=杨冠标@blog=yanggb"

    encodeURIComponent()和decodeURIComponent()

    原理:对URL的组成部分进行个别编码,而不用于对整个URL进行编码该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。

    编码:encodeURIComponent('http://www.baidu.com?name=杨冠标@blog=yanggb')

    结果:"http%3A%2F%2Fwww.baidu.com%3Fname%3D%E6%9D%A8%E5%86%A0%E6%A0%87%40blog%3Dyanggb"

    解码:decodeURIComponent('http%3A%2F%2Fwww.baidu.com%3Fname%3D%E6%9D%A8%E5%86%A0%E6%A0%87%40blog%3Dyanggb')

    结果:"http://www.baidu.com?name=杨冠标@blog=yanggb"

    "我从前相信,这世上有一个温暖的人,只为我悲喜,为我阻挡这世间的锋利。"

  • 相关阅读:
    学习Android有感!
    使用PHP-Barcode轻松生成条形码(一)
    php利用redis实现分页列表,新增,删除功能
    JS验证input输入框(字母,数字,符号,中文)正则实现
    mac 安装swoole扩展
    git 配置本地SSH秘钥
    lnmp 一键安装
    lnmp php版本升级
    NATAPP内网穿透,本地进行微信开发,支付开发,对象存储回调信息
    微信公众号二维码
  • 原文地址:https://www.cnblogs.com/yanggb/p/12021441.html
Copyright © 2020-2023  润新知