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进行编码，在不包含双引号和反斜杠的情况下，将会传递正确的值，而接收方不需要做任何改动。