中文参数乱码问题——js字符串编码

中文参数乱码问题——js字符串编码jquery.get中文参数问题——js符串编码摘要:使用jquery.get进行ajax请求获取数据是很常见的操作,一般请求参数都为字母,今天发现在参数中使用中文会出现浏览器兼容性问题,现在记录如下。基本使用语法:$(selector).get(url,data,success(response,status,xhr),dataType)参数 描述url 必需。规定将请求

大家好,又见面了,我是你们的朋友全栈君。

jquery.get中文参数问题——js符串编码
摘要:

使用jquery.get进行ajax请求获取数据是很常见的操作,一般请求参数都为字母,今天发现在参数中使用中文会出现浏览器兼容性问题,现在记录如下。

 

基本使用语法:

$(selector).get(url,data,success(response,status,xhr),dataType)
参数	描述
url	必需。规定将请求发送的哪个 URL。
data	可选。规定连同请求发送到服务器的数据。
success(response,status,xhr)	
可选。规定当请求成功时运行的函数。

额外的参数:

response - 包含来自请求的结果数据
status - 包含请求的状态
xhr - 包含 XMLHttpRequest 对象
dataType	
可选。规定预计的服务器响应的数据类型。

默认地,jQuery 将智能判断。

可能的类型:

"xml"
"html"
"text"
"script"
"json"
"jsonp"
 

问题:

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-Z

encodeURI():
把URI字符串采用UTF-8编码格式转化成escape各式的字符串。
encodeURI不编码字符有82个:!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z

encodeURIComponent() :
把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才不会被#等特殊字符截断。

例如:

<script language="javascript">
document.write('<a href="http://passport.baidu.com/?logout&aid=7&u='+encodeURIComponent("http://cang.baidu.com/bruce42")+'">退出</a>');
</script>
 

 

2、   进行url跳转时可以整体使用encodeURI

例如:

Location.href="/encodeURI"("http://cang.baidu.com/do/s?word=百度&ct=21");
 

3、   js使用数据时可以使用escape

例如:搜藏中history纪录

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/135446.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • awk命令详解+示例

    awk命令详解+示例WK数据过滤工具(类似于grep,比grep强大)Awk编程语言/数据处理引擎创造者:Aho、Weinberger、Kernighan基于模式匹配检查输入文本,逐行处理并输出通常用在Shell脚本中,获取指定的数据,单独使用时,可对文本数据做统计#whichawk#rpm-qf/bin/awk语法格式:格式1:前置命令|awk[选项]‘条…

    2022年7月11日
    23
  • Netty权威指南_ck2威望代码

    Netty权威指南_ck2威望代码学习《netty权威指南时》发现有的代码有误,我都更正了一下,可运行的代码可以访问我的github:https://github.com/wangdecheng/mycodes/tree/master/src/main/java/netty

    2022年9月27日
    2
  • c语言中uint8_uint16转uint8

    c语言中uint8_uint16转uint8C++的基础数据类型:名称字节长度取值范围bool1false,truechar1-128~127signedchar1-128~127unsignedchar10~255short(signedshort)2-215~215-1unsignedshort20~216-1int(signedin…

    2022年9月15日
    4
  • 变异系数法之python

    变异系数法之python1.简介2.算法原理2.1指标正向化2.2数据标准化2.3计算变异系数2.4计算权重以及得分3.实例分析3.1读取数据3.2指标正向化3.3查看行数和列数3.4数据标准化3.5计算变异系数3.6计算权重3.7计算得分完整代码

    2022年6月12日
    54
  • Spring的IOC和AOP原理

    Spring的IOC和AOP原理Spring的IOC和AOP原理本文讲的是面试之Spring框架IOC和AOP的实现原理,IoC(InversionofControl)(1).IoC(InversionofControl)是指容器控制程序对象之间的关系,而不是传统实现中,由程序代码直接操控。控制权由应用代码中转到了外部容器,控制权的转移是所。IoC(InversionofControl)(1).IoC(InversionofControl)是指容器控制程序对象之间的关系,而不是传统实现中,由程序代码直接操控。

    2022年6月22日
    35
  • java 基础高级面试题及答案_20个高级Java开发面试题及答案,干货!!!

    java 基础高级面试题及答案_20个高级Java开发面试题及答案,干货!!!这是一个高级Java面试系列题中的第一部分。这一部分论述了可变参数,断言,垃圾回收,初始化器,令牌化,日期,日历等等Java核心问题。1.什么是可变参数?可变参数允许调用参数数量不同的方法。请看下面例子中的求和方法。此方法可以调用1个int参数,或2个int参数,或多个int参数。//int(type)followed…(threedot’s)issyntaxofavari…

    2022年5月22日
    34

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号