AJAX-中文字符问题.docVIP

AJAX中文编码问题 本章解决在AJAX中常见的中文问题，分析中文乱码产生的原因，以及如何解决乱码问题 HTTP协议的编码规定 在HTTP协议中，浏览器不能向服务器直接传递某些特殊字符，必须是这些字符进行URL编码后再进行传送。url编码遵循的规则： 将空格转换为(+) 对0-9，a-z，A-Z之间的字符保持不变。 对于所有其他的字符，用这个字符的当前字符集编码在内存中的十六进制格式表示，并在每个十六进制字节前加上一个百分号%。例如，字符“+”用%2B表示，字符“=”用%3D表示，字符“”用%26表示，字符“国”用%B9%FA表示注意，同一个中文字符在不同的字符集编码方式下，在内存中的编码值也是不同的，一个字符的URL编码是针对字符在内存中的码值而言的，采用不同编码的同一个字符的URL编码结果是不同的。 encodeURI()与encodeURIComponent()函数 javaScript中提供了两个函数来对字符进行URL编码：encodeURI()与encodeURIComponent(),两者的区别在于,encodeURI函数不会对以下的字符进行处理： “! @ # $ * ( ) = : / ; ? + ”，而encodeURIComponent函数会对更多的字符进行处理比如 URI的组成部分 “/” 就会被encodeURIComponent进行处理。这两个方法对传递的值进行URL编码，过程是先找到字符所对应的UTF-8编码，比如“张三”两个字的UTF-8编码是”0xE5BCA0E4B889”(前面的是零x，表示是16进制编码).“张”是”0xE5BCA0”,”三”是”0xE4B889”,那么被转换后的结果就是”%E5%BC%A0%E4%B8%89”,注意这个转换结果与网页的编码没有任何关系,因为这两个函数总是拿到字符所对应的UTF-8码，然后再进行URL编码的。也就是说不管网页是GBK的编码还是UTF-8的编码，转换的结果都一样。 所以如果我们发送给服务器的请求包含有中文或者其它比较特殊的字符如空格“+”等符号的时候，就就需要使用者两个函数对字符进行URL编码。 封装Ajax请求代码，供后面使用。 新建一个web项目，在web项目中添加一个ajax.js文件，内容包含两个函数如下: createXmlHttp（） doGet(url，callBack)函数,该函数有两个参数，将来要发送AjAX GET请求可以直接调用该方法。 第一个参数表示要发送的请求的URL地址，第二个是回调函数，回调函数需要处理从服务端返回的数据。 编写页面，该页面使用的字符集是UTF-8编码: HTML部分: JavaScript部分: 首先引入ajax.js文件,然后编写当按钮点击的时候的要执行的代码: 页面效果: 当在文本框中输入“张三”后，点击验证后，javaScript代码执行到 ① 之后，url的值就变成了 “ajax.do?userName=%E5%BC%A0%E4%B8%89”，可以通过firefox浏览器的firebug插件进行断点调试，得到发送的url的值。 这里为什么没有使用encodeURIComponent（）函数呢？这是因为encodeURIComponent函数会将”=”变成“%3D”,“？”变成” %3F”, 如果有多个参数的话会用到“”符号，同样也会被转换，而这些字符不用转换也可以提交，所以这里使用了encodeURI,这个函数不会对”?”,”=”,””进行转换。后面的“%E5%BC%A0%E4%B8%89”就是“张三”两个汉字按照UTF-8字符集进行URL编码之后的结果 在服务端取得发送过来的数据 编写一个Servlet，这个Servlet的映射是 /ajax.do,其中的doGet方法如下: 我们在②处放置一个断点，然后以断点的方式启动Tomcat，提交后程序进入断点处我们发现取得的userName的值是: “??????”,为什么会是乱码？ 我们分析一下，客户端Ajax想服务器发送的请求是 ”ajax.do?userName=%E5%BC%A0%E4%B8%89”,那么服务器上的 request.getParameter（）方法在取参数值的时候，首先要进行URL解码(其实就是去掉字符当中的“%“)，解码之后将只剩下的字节部分按照Tomcat在内部默认的ISO-8859-1字符集的方式转换成字符串，于是乱码开始在这里出现 了。因为发送过来的字节在去掉%后剩下的字节应该按照UTF-8转换字符串才对，但是却采用了ISO-885