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