ajax对象常用属性，事件，方法大小写问题的总结

拉克丝

最近发现ajax版块好多问题都是属性，方法，事件大小写不区分，导致程序运行出问题，或者在不同浏览器下效果不出来或者出错。

# W$ N2 B  Q* O/ a3 F) F8 U　　下面是ajax对象的一些常用属性，事件和方法
, x" P! i- P; [% K! b$ |　　1）标准的ajax对象的属性有readyState，status，responseText，responseXML

* E6 K# I% A' Z7 [. o! w5 d! P3 W　　2）非标准ajax对象属性，针对IE浏览器的，有responseBody，2进制数据流。如果不考虑浏览器兼容，这个属性+VBScript能很好的解决乱码问题。　　
[backcolor=white !important][size=1em]Visual Basic code

[color=white !important][size=1em]?

: p8 y. F3 m2 ~7 ^3 U) l

[size=1em]1 [size=1em]2 + F2 w0 J" P! v* \* P6 m. F' _ [size=1em]3 [size=1em]4 [size=1em]5 [size=1em]6 [size=1em]7 5 U: e6 `) w3 O2 m+ q [size=1em]8 " G4 h% u' q1 a+ Q( S [size=1em]9 $ x1 k" e3 s# w" |; V1 n [size=1em]10 & M. g1 X8 V( c/ q3 ? [size=1em]11 [size=1em]12 2 _1 v% n3 ?- Z9 `- v# ^ [size=1em]13 " i/ ]' \" ]; `9 g0 K [size=1em]14

[size=1em][size=1em]Function Bytes2BStr(vin)'二进制转字串 $ u: b$ Y2 n9 c1 q' |8 F[size=1em]     strreturn = "" [size=1em]     for i = 1 to lenb(vin) 0 C- J6 E/ H8 u3 ~9 ~/ t, N[size=1em]     thischarcode = ascb(midb(vin,i,1)) [size=1em]     if thischarcode < &h80 then [size=1em]        strreturn = strreturn & chr(thischarcode) " U3 ?% P6 X7 O% g2 S[size=1em]     else [size=1em]        nextcharcode = ascb(midb(vin,i+1,1)) [size=1em]        strreturn = strreturn & chr(clng(thischarcode) * &h100 + cint(nextcharcode)) " _' Z  m' k" _9 ~0 t% \; U[size=1em]        i = i + 1 [size=1em]     end if [size=1em]     next 9 J& R+ `9 ]5 P, ~  E: R- Z5 V" g[size=1em]     Bytes2BStr = strreturn [size=1em]End Function 9 _2 F" A3 g, {( l3 {

8 W' C6 u! T; \& t& U. @

$ B* M$ i- Y) |& z2 y　　3）事件onreadystatechange，状态转换函数

　　4）方法有setRequestHeader，open，send，用于设置响应头的，当指定提交方法为POST的时候，需要设置content-type为application/x-www-form-urlencoded，如果未设置这个响应头，请求的动态页无法使用键值对的形式获取到值，不过可以从二进制流中生成提交的数据。
8 D. C! ~. `" E) g$ C! X! p* B3 J5 Y; ]参考
# h  ]% {7 a/ J! h  |ajax指定为post但是未设置content-type或未指定键时时如何获取提交的内容

' c9 h$ X$ _5 D5 P　　容易出现错误的问题
1）对于使用XMLHttpRequest创建的对象，包括IE7+，属性是严格区分大小写的，一定要注意大小写的问题，要不不区分大小，属性值就是 undefined。如readyState写成readystate，responseText写成responsetext。

" H3 f9 M# S$ S4 h4 v" a) k2）对于IE浏览器，如果是先判断activexobject，那么会执行activexobject创建xhr对象，使用acx创建的xhr对象，属性，事件，方法都不区分大小写

* ~5 V# m; T! r5 N3）使用XMLHttpRequest创建时，onreadystatechange一定全部为小写，要不相当于给xhr对象赋值一个自定义属性，而不是实际的状态转换函数。这样永远都不执行回调。对于IE使用activexobject创建的xhr对象，不区分大小写
7 y$ Y' p' E6 F" g  i
4）同2，3点，XMLHttpRequest创建时，调用方法一定要区分大小写，要不会出错，提示找不到方法。IE使用activexobject创建不会区分大小写。
　 特别强调的是，一定要调用open方法后，才能执行setRequestHeader方法，要不会出错。
/ n! M+ v: ?: X6 \* b
1 ?" M* ]3 e1 p+ b) \　　对于手写ajax代码一些建议
1）为get提交时，不需要设置content-type了，除非请求的是一些需要检查content-type生成一些对应的数据格式的文件。如 asp.net的webservice会检查content-type，如果指定content-type为application/json，会生成对应的json格式的字符串。
1 `* _! O( T9 m3 T" P' Z! x, \- e参考webservice json

' Q0 d6 |7 g+ e2）为get提交时，如果没有数据，调用send方法时最好添加一个null作为参数。xhr.send(null);

$ p8 x4 ]0 x9 [# b3）为post提交时，一定不要忘记在调用open方法后，再调用setRequestHeader方法设置content-type为application/x-www-form-urlencoded

4 o6 E1 W" R+ U: W6 P7 A: q* ~4） 在使用responseText，responseXML和responseBody【IE only】，status属性时，需要在readyState==4，status状态==200【在线测试】或者status状态==0【本地测试】时再使用

[backcolor=white !important][size=1em]JavaScript code
) O* K8 v" S5 M5 n

[color=white !important][size=1em]?

' R& f4 a/ }( |# v1 i. }) _

[size=1em]1 ' i. i3 G1 X6 x. @* ] [size=1em]2 [size=1em]3 [size=1em]4 . n! [- P" r' @; W9 Y0 } [size=1em]5 [size=1em]6 [size=1em]7 [size=1em]8 ' u9 q- o, G9 T$ y4 R& U8 t- a [size=1em]9 . w2 ]% b$ Z7 c0 C [size=1em]10 [size=1em]11

[size=1em][size=1em]      var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("microsft.xmlhttp"); [size=1em]      xhr.open('get', 'index.html', true); 4 G6 X2 N" o) d+ \* m[size=1em]      xhr.onreadystatechange = function () { [size=1em]          if (4 == xhr.readyState) { [size=1em]              if (200 == xhr.status || 0 == xhr.status) { [size=1em]                  //=========正常返回后的处理代码 8 ^$ H6 O3 M5 z, l2 O6 M[size=1em]              } 1 }; i. B$ V3 ?3 Q[size=1em]              else alert('动态页出问题了~~'); [size=1em]          } [size=1em]      } [size=1em]      xhr.send(null); . a7 x; F  K$ }0 k 3 \- `& m5 a# D/ U& ^% w

9 P2 ]; ^7 L+ c# x3 M


- T* h3 x, d6 [, ~

4 Y3 `* y: p7 {  M5）如果为异步执行时，需要添加状态转换函数，然后在readyState位4时使用responseText或者responseXML属性。
如果为同步执行时，可以在send完后，直接使用responseText或者responseXML属性，不需要添加onreadystatechange状态转换函数了。不过为同步时如果网速慢容易造成浏览器假死，用户体验不好。