IE浏览器兼容之URL编码
问题场景:文件上传,在谷歌里可以正常操作,IE浏览器操作出错,服务请求报错。HTTP 400 错误 - 请求无效 (Bad request)
问题分析:对比两个请求可以发现,二者的请求URL不一致。jsp通过url请求传递参数给后端,但是url的格式不对会造成请求失败。这种url的问题常发生在在IE浏览器中,其他浏览器火狐、chrome等不会有问题。因为谷歌中会自动给空格和一些特殊字符编码,而IE没有这一步。
解决办法:手动给url编码。在文件upload的方法里对url进行两次编码
encodeURI(encodeURI(url))
以上问题涉及的知识:
1、http请求过程:
- 浏览器把URL(以及post提交的内容)经过编码后发送给服务器。
- 服务器将对内容解码,进行处理,再把结果编码返回给浏览器。
- 浏览器按照指定的编码显示该网页。
字符串编码和解码时涉及到的字符集,如ISO8859-1、GBK、UTF-8、UNICODE。
2、URL编码
(1)URL编码特点:
由于 URL 常常会包含 ASCII 集合之外的字符,URL 必须转换为有效的 ASCII 格式。
URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
URL 不能包含空格。URL 编码通常使用 + 来替换空格。
(2)URL编码方法
- escape()不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值。escape()不对"+"编码 主要用于汉字编码,现在已经不提倡使用。
- encodeURI()是Javascript中真正用来对URL编码的函数。编码整个url地址,但对特殊含义的符号"; / ? : @ & = + $ , #",也不进行编码。对应的解码函数是:decodeURI()。
- encodeURIComponent() 能编码"; / ? : @ & = + $ , #"这些特殊字符。对应的解码函数是decodeURIComponent()。假如要传递带&符号的网址,所以用encodeURIComponent()
代码示例:
代码:
var test1="http://www.haorooms.com/My name=hl&age=18/"; var enurl=encodeURI(test1); console.log(enurl); var enuc=encodeURIComponent(test1); console.log(enuc);
//输出
http://www.haorooms.com/My%20name=hl&age=18/
http%3A%2F%2Fwww.haorooms.com%2FMy%20name%3Dhl%26age%3D18%2F