GBK encoded website using AJAX to receive data Chinese display garbled problem solved

XMLHttpRequest By default is to pass data with UTF-8. When the server and the client and the database unified use UTF-8 encoding can effectively avoid garbled problems. XMLHttpRequest can also work correctly if the server has the correct Content-type Response header and encoded information.
However, when using XMLHttpRequest to read Chinese Web page content, if the service side of the program is not set Content-type Response header, or the header does not set the encoding type, Then we may encounter garbled characters when we visit the ResponseText property. As the following code with XMLHttpRequest get Code Academy home page:

1. xmlhttp = getxmlhttprequest ();  
2. var url = 
3. xmlhttp.open ( "GET",  url, true);  
4. xmlhttp.onreadystatechange = function () { 
5. if  (xmlhttp.readystate == 4)  
6. if  (xmlhttp.status == 200)  
7. alert ( Xmlhttp.responsetext);  
8. }; 
9. xmlhttp.send (null);  

Even though the Code academy this Professional tutorial site, the support for Web standards is not complete, pop-up HTML source is flooded with web-standard HTML tags, and of course, the expected garbled.
also unfortunately, Firefox and IE solution is also a different way
Firefox practice:
Firefox XMLHttpRequest object supports the Overridemimetype method, you can specify the encoding type of the returned data, This method can be used to solve the Chinese garbled, the previous code is modified as follows:

1. xmlhttp = getxmlhttprequest ();  
2. var url =  "http://cn.astrology.yahoo.com/";;  
3. xmlhttp.open ( "GET",  url, true);  
4. xmlhttp.overridemimetype (//setting gb2312 encoding to identify data  
5. xmlhttp.onreadystatechange = function () { 
6. if  (xmlhttp.readystate == 4)  
7. if  (xmlhttp.status == 200)  
8. alert (xmlhttp.responsetext);  
9. }; 
10. xmlhttp.send (null);  

Internet Explorer Practices:
IE does not support the Overridemimetype method and can only be solved in a very awkward way, when a hybrid function needs to be introduced:

2. function Gb2utf8 (data) {
4. var glbencode = [];
6. Gb2utf8_data = data;
8. ExecScript ("gb2utf8_data = MidB (gb2utf8_data, 1)", "VBScript");
10. var t=escape (gb2utf8_data). Replace (/%u/g,""). Replace (/(. { 2}) (. { 2})/g,"%$2%$1"). Replace (/% ([A-z].)% (. {2}) /g,"@$1$2");
12. T=t.split ("@");
14. var i=0,j=t.length,k;
16. while (++I<J) {
18. K=t[i].substring (0,4);
20. if (!glbencode[k]) {
22. Gb2utf8_char = eval ("0x" +k);
24. ExecScript ("Gb2utf8_char = Chr (Gb2utf8_char)", "VBScript");
26. Glbencode[k]=escape (Gb2utf8_char). substring (1,6);
28. }
30. T[i]=glbencode[k]+t[i].substring (4);
32. }
34. Gb2utf8_data = Gb2utf8_char = null;
36. Return unescape (T.join ("%"));
38. }
40. XMLHTTP = Getxmlhttprequest ();
42. var url = "http://www.uxuew.cn/";;
44. Xmlhttp.open ("GET", url, true);
46. Xmlhttp.onreadystatechange = function () {
48. if (xmlhttp.readystate = = 4)
50. if (Xmlhttp.status = = 200)
52. Alert (Gb2utf8 (xmlhttp.responsebody)); //Note here to use Responsebody
54. };
56. Xmlhttp.send (null);

The

Gb2utf8 function directly parses the binary data returned by XMLHttpRequest, where the Execscript method is used to execute the function of VBScript. So that's a hybrid function. Thanks for the algorithm provided by the Blueidea forum. The
has a workaround but is ugly and does not conform to web standards. So try to avoid it in programming, if you are developing a Web application, use UTF-8 encoding as much as possible, or set the correct encoding information on the server


Reason: Ajax in receiving responsetext or Responsexml value is in accordance with the UTF-8 format to decode, if the server segment sent data is not UTF-8 format, It is possible that the value of receiving responsetext or responsexml is garbled.
Workaround: Specify the format for sending data on the server:

1. In the JSP file:
2. Response.setcontenttype ("Text/text;charset=utf-8"); The txt text file is returned
3. Or
4. Response.setcontenttype ("Text/xml;charset=utf-8"); The returned XML file
5. Php:header (' content-type:text/html;charset=gb2312 ');
6. ASP:Response.Charset ("GB2312")
7. JSP:response.setHeader ("Charset","GB2312");

The complete code is as follows:

2. <script>
4. var xmlHttp;
6. var browertype="ie";
8. function Createxml () {
10. try{
12. XmlHttp = new ActiveXObject ("msxml2.xmlhttp");
14. } catch (e) {
16. try{
18. XmlHttp = new ActiveXObject ("Microsoft.XMLHTTP");
20. }catch (E2) {
22. XmlHttp =false;
24. }
26. }
28. if (!xmlhttp && typeof XMLHttpRequest! = ' undefined ') {
30. XmlHttp = new XMLHttpRequest ();
32. Browertype = "FF"; //used to record whether Firefox is used for processing below to receive Chinese data analysis.
34. }
36. }
38. function Querytelcode (citys) {
40. Createxml ();
42. Showstate=document.getelementbyid ("Showtelcode");
44. Xmlhttp.onreadystatechange = function () {
46. if (xmlhttp.readystate = = 2) {
48. showstate.innerhtml = ' ';
50. }Else if (xmlhttp.readystate = = 4 && Xmlhttp.status = =) {
52. if (browertype=="ff") {
54. Getlastcode=xmlhttp.responsetext; //firefox
56. }else{
58. Getlastcode=gb2utf8 (Xmlhttp.responsebody);
60. }
62. showstate.innerhtml = Getlastcode;
64. }
66. }
68. var url=' http://www.uxuew.cn?oid=<%=Request.QueryString ("OrderID")%>&cityname= ' +citys;
70. Xmlhttp.open ("GET", url,true);
72. if (browertype=="ff") {
74. Xmlhttp.overridemimetype ("text/html;charset=gb2312"); Set to identify data with gb2312 encoding, only FF support. ie not
76. }
78. Xmlhttp.send (null);
80. }
82. function Gb2utf8 (data) {
84. var glbencode = [];
86. Gb2utf8_data = data;
88. ExecScript ("gb2utf8_data = MidB (gb2utf8_data, 1)", "VBScript");
90. var t=escape (gb2utf8_data). Replace (/%u/g,""). Replace (/(. { 2}) (. { 2})/g,"%$2%$1"). Replace (/% ([A-z].)% (. {2}) /g,"@$1$2");
92. T=t.split ("@");
94. var i=0,j=t.length,k;
96. while (++I<J) {
98. K=t[i].substring (0,4);
100. if (!glbencode[k]) {
102. Gb2utf8_char = eval ("0x" +k);
104. ExecScript ("Gb2utf8_char = Chr (Gb2utf8_char)", "VBScript");
106. Glbencode[k]=escape (Gb2utf8_char). substring (1,6);
108. }
110. T[i]=glbencode[k]+t[i].substring (4);
112. }
114. Gb2utf8_data = Gb2utf8_char = null;
116. Return unescape (T.join ("%"));
118. }
120. </script>

Reprint Please specify: Code Academy >Web Front end > Ajax tips > http://www.uxuew.cn/ajax/6006.html

GBK encoded website using AJAX to receive data Chinese display garbled problem solved