• URL地址传参中特殊符号的转码和解码


    背景:

    URL传参在web开发中很常见,一般来说这种方式并不推荐,原因就是浏览器多种多样,各家浏览器对URL地址的解析的表现很不一样,特别是当参数有非ASCII字符、英文字母、阿拉伯数字时。

    在CRM系统中,有一个”DFKbtn”的按钮,它的作用是将用户在CRM界面填写的一些参数传递到DFK的页面中去。这个按钮的方法是这样的:

    /***********分割线***********/

    window.open(url + "aam/acv/asd/login.do?

    name=@[用户名]&&Customer=@[客户名]&&customerId=@[客户ID]");

    /***********分割线***********/

    其中的用户名,客户名,客户ID都是跟在url地址后面的参数。客户名对应DFK的客户名称。其中客户名这个参数的值就有可能出现一些特殊符号,比如键盘上的”+”,”@”,”#”,空格等等。

    实际使用的时候发现,出现这些特殊符号的时候,传递到DFK的客户名称会出现错漏,比如,如果客户名含有空格,客户名=”2.4寸  项目”,DFK页面接收到的客户名称就是” 2.4 ”,空格后面的值都没有。如果客户名=” 2.4寸项目+TPLC”,那么客户名称=” 2.4寸项目”,加号后面的值都没有。如果客户名=” 2.4寸项目# TPLC”,那么点击”DFKbtn”按钮就会直接报错,显示服务器异常。除上述符号外,!@#$%^&*””等符号都不能正常传递。

    原因:

    url需遵守http/https协议,http协议中保留了一些符号作为特殊用途,比如”+”是作为连接符,”&”是作为参数连接符,,”/”作为路径分隔符,空格作为保留字符。如果url地址本身或者是url携带的参数中含有这些特殊符号,那么url在使用时就需要根据不同的情况来进行地址解析,具体行为表现可以参考http://blog.csdn.net/scyatcs/article/details/26766437   这里就不再赘述。由于网络编程中url解析跟网站页面字符集、网站服务器编码字符集、浏览器默认字符集都有关系,因此为了最大限度的保留我们输入的值,需要对传递的参数进行编码,防止浏览器对参数进行篡改,变成乱码。

    最方便的方式是在页面javascript中使用URL编码函数,类似这样:

    /***********分割线***********/

    window.open(url + “aam/acv/asd/login.do?

    name=@[用户名]&&Customer=”

    +encodeURIComponent(@[客户名])

    +”&&customerId=@[客户ID]"

    );

    /***********分割线***********/

    其中蓝色部分就是URL编码函数中的一种。选择该函数是因为它编码的字符最多,大部分符号都可以被编码。

    这样编码以后,用户填写的项目名是什么,报DFK得到的客户名称就是什么。比如客户名=” 2.4寸  项目# TPLC+SAC”,客户名称=” 2.4寸  项目# TPLC+SAC”。

    需要注意的是,有两个符号是一定不要出现在url参数或者URL地址中的,一个是””双引号,一个是””反斜杠.在编程中,双引号表示取双引号之间的值,在url地址中的双引号会造成地址解析在不恰当的地方断开,所以不能成功解析地址。反斜杠在编程中一个作用是路径分隔符,另一个作用是转义字符,用作转义字符时表示跟在反斜杠后面的字符将不会被转义。比如,项目名=” 2.4寸项目”,那么客户项目名称=”2.4寸项目”,注意其中的反斜杠并不会被显示。

    解决办法:

    如上所述,将url地址中的参数用encodeURIComponent进行编码,在不包含双引号和反斜杠的情况下,将会传递正确的值,而接收方不需要做任何改动。

  • 相关阅读:
    网页特效代码
    禁止直接在浏览器输入网址访问的代码
    javaScriptalert使用方法
    URL中特殊字符的含义
    Predator:比微软Kinect更强的视频追踪算法来自捷克博士论文(转)
    干净简洁的CSS表单设计实例
    javascript IP 正则表达
    开发者最容易犯的13个JavaScript错误(转)
    一个帮助你处理延迟,重复,循环操作的jQuery插件 timing
    【简报】微软Metro/win8风格的web开发框架 BootMetro
  • 原文地址:https://www.cnblogs.com/tulpen/p/8434159.html
Copyright © 2020-2023  润新知