摘要:
使用jquery.get进行ajax请求获取数据是很常见的操作,一般请求参数都为字母,今天发现在参数中使用中文会出现浏览器兼容性问题,现在记录如下。
基本使用语法:
$(selector).get(url,data,success(response,status,xhr),dataType)
参数 | 描述 |
---|---|
url | 必需。规定将请求发送的哪个 URL。 |
data | 可选。规定连同请求发送到服务器的数据。 |
success(response,status,xhr) | 可选。规定当请求成功时运行的函数。 额外的参数:
|
dataType | 可选。规定预计的服务器响应的数据类型。 默认地,jQuery 将智能判断。 可能的类型:
|
问题:
var url = "get.php?cate=cla&require=ajax&q=all&college=材料学院"; $.get(url,function(result){ $(".dlC").html("").html(result.lastChild.firstChild.nodeValue);},"xml");
问题描述:
在firefox和chrome中功能正常,在sogou兼容模式(ie7内核)中就不能读取出数据。
问题排除:
1、尝试直接打印出college参数用alert输出看看结果,firefox中能直接输出“材料学院”,在sogou兼容模式中就输出空白;
2、使用firebug查看get参数,url地址为get.php?cate=cla&require=ajax&q=all&college=%E6%9D%90%E6%96%99%E5%AD%A6%E9%99%A2,使用该地址直接在sogou兼容模式中地址栏中直接请求,能返回数据;
3、初步结论是sogou兼容模式对中文参数未处理,导致后台不能获取参数;
4、再次尝试,直接将url改为url=get.php?cate=cla&require=ajax&q=all&college=%E6%9D%90%E6%96%99%E5%AD%A6%E9%99%,能返数据,一切正常,则可以确定是
问题解决:
使用encodeURI 对url进行编码处理
相关知识:
js编码个函数:escape,encodeURI,encodeURIComponent,相应解码函数:unescape,decodeURI,decodeURIComponent
escape():采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-ZencodeURI():
把URI字符串采用UTF-8编码格式转化成escape各式的字符串。encodeURI不编码字符有82个:!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-ZencodeURIComponent() :
把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比,encodeURI()将对更多的字符编码,比如 / 等字符。所以假如字符串里面包含了URI的几个部份的话,不要用进行编码,否则 / 字符被编码之后URL将呈现错误。encodeURIComponent不编码字符有71个:!, ',(,),*,-,.,_,~,0-9,a-z,A-Z因此,对于汉文字符串来说,假如不期望把字符串编码各式转化成UTF-8各式的(比如原页面和目的页面的charset是一致的时候),只需求应用 escape。假如你的页面是GB2312或者更多有联系的编码,而接受参数parameter的页面是UTF-8编码的,就要采用encodeURI或者encodeURIComponent。
使用:
1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。
例如:
2、 进行url跳转时可以整体使用encodeURI
例如:
Location.href="/encodeURI"("http://cang.baidu.com/do/s?word=百度&ct=21");
3、 js使用数据时可以使用escape
例如:搜藏中history纪录
参考:
[1]
[2][3]