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

拉克丝

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

4 L  E' L: d0 P$ z　　下面是ajax对象的一些常用属性，事件和方法
8 f$ Q, `, ^/ U4 [1 @: Z4 L' ?) B. ]　　1）标准的ajax对象的属性有readyState，status，responseText，responseXML

　　2）非标准ajax对象属性，针对IE浏览器的，有responseBody，2进制数据流。如果不考虑浏览器兼容，这个属性+VBScript能很好的解决乱码问题。　　
; T6 y# n( V. t$ Q* w/ {[backcolor=white !important][size=1em]Visual Basic code

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

. ]$ M6 p- B3 ^( F

[size=1em]1 # x, S9 i  d1 W% m9 R/ [ [size=1em]2 [size=1em]3 [size=1em]4 [size=1em]5 # N# i$ t1 c5 [; @, p, { [size=1em]6 [size=1em]7 [size=1em]8 3 X* b, r. t4 Y% M1 h1 W [size=1em]9 [size=1em]10 [size=1em]11 [size=1em]12 # B- {8 t  Q% i6 { [size=1em]13 [size=1em]14 ( w4 Y& K, h( J3 m

[size=1em][size=1em]Function Bytes2BStr(vin)'二进制转字串 [size=1em]     strreturn = "" [size=1em]     for i = 1 to lenb(vin) [size=1em]     thischarcode = ascb(midb(vin,i,1)) [size=1em]     if thischarcode < &h80 then [size=1em]        strreturn = strreturn & chr(thischarcode) " I) N' M, S- K5 a! t6 I[size=1em]     else / }/ ~/ b1 ]. M  g% V/ S2 r[size=1em]        nextcharcode = ascb(midb(vin,i+1,1)) [size=1em]        strreturn = strreturn & chr(clng(thischarcode) * &h100 + cint(nextcharcode)) / d3 o( p* o6 s/ z9 h9 }8 x[size=1em]        i = i + 1 4 i+ x+ v/ n; i8 f# O[size=1em]     end if ) `. {- e5 t* F( }0 e& U[size=1em]     next 7 j3 O- t- n0 V; \" \1 V6 r[size=1em]     Bytes2BStr = strreturn [size=1em]End Function

7 f, J$ b( z* Z- N& J, P

# Q7 R' t) Q/ |- x: k7 y. b

　　3）事件onreadystatechange，状态转换函数
) _5 ?3 F6 U/ N3 g$ l$ B  |+ F
; x6 i+ ~" X% |* p0 v　　4）方法有setRequestHeader，open，send，用于设置响应头的，当指定提交方法为POST的时候，需要设置content-type为application/x-www-form-urlencoded，如果未设置这个响应头，请求的动态页无法使用键值对的形式获取到值，不过可以从二进制流中生成提交的数据。
参考
ajax指定为post但是未设置content-type或未指定键时时如何获取提交的内容

　　容易出现错误的问题
" g% i( E* z& y+ V8 m& F% x$ }$ F* X7 P1）对于使用XMLHttpRequest创建的对象，包括IE7+，属性是严格区分大小写的，一定要注意大小写的问题，要不不区分大小，属性值就是 undefined。如readyState写成readystate，responseText写成responsetext。
$ d( X% Y$ h$ \8 W) B7 j7 P+ L
) H& @& R3 P! A2）对于IE浏览器，如果是先判断activexobject，那么会执行activexobject创建xhr对象，使用acx创建的xhr对象，属性，事件，方法都不区分大小写

- w1 _# u& I: {; X3）使用XMLHttpRequest创建时，onreadystatechange一定全部为小写，要不相当于给xhr对象赋值一个自定义属性，而不是实际的状态转换函数。这样永远都不执行回调。对于IE使用activexobject创建的xhr对象，不区分大小写
! P2 _5 m& ]' \0 [
; |) |  K( v) b& w1 H5 t# O4）同2，3点，XMLHttpRequest创建时，调用方法一定要区分大小写，要不会出错，提示找不到方法。IE使用activexobject创建不会区分大小写。
　 特别强调的是，一定要调用open方法后，才能执行setRequestHeader方法，要不会出错。
8 _2 @: R. H5 z3 z* `
　　对于手写ajax代码一些建议
1）为get提交时，不需要设置content-type了，除非请求的是一些需要检查content-type生成一些对应的数据格式的文件。如 asp.net的webservice会检查content-type，如果指定content-type为application/json，会生成对应的json格式的字符串。
参考webservice json
1 Y" t& o0 n! W  t* F% x' U
6 n8 I& V7 A9 X, s& ?  q% f6 B2）为get提交时，如果没有数据，调用send方法时最好添加一个null作为参数。xhr.send(null);

3）为post提交时，一定不要忘记在调用open方法后，再调用setRequestHeader方法设置content-type为application/x-www-form-urlencoded
9 m2 e" L4 S8 S) S
4） 在使用responseText，responseXML和responseBody【IE only】，status属性时，需要在readyState==4，status状态==200【在线测试】或者status状态==0【本地测试】时再使用
. g0 N! \% c. R, \* U! {
  O# ^, P% S+ s0 _5 n; Q" h+ f9 I( i0 p[backcolor=white !important][size=1em]JavaScript code

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

[size=1em]1 [size=1em]2 6 G6 G# U6 q, ?* G; x [size=1em]3 - r  \5 _) y& `! ?  W7 y0 {! q. N [size=1em]4 5 p* ]$ u8 N* o7 |3 r. i9 @ [size=1em]5 [size=1em]6 [size=1em]7 ; D6 u  \& O4 l/ \4 J [size=1em]8 ) ~8 {! P' F/ H# n1 y' G [size=1em]9 [size=1em]10 / j( n& E- o3 w( d- R! R [size=1em]11 ; K9 h1 T' {2 I( X

[size=1em][size=1em]      var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("microsft.xmlhttp"); # e( e0 Y+ |4 o% i+ x[size=1em]      xhr.open('get', 'index.html', true); + i( L$ E' B8 q[size=1em]      xhr.onreadystatechange = function () { " ~& K0 o- @) o/ J% l% a! f; o[size=1em]          if (4 == xhr.readyState) { 2 O6 N! X- m- r" H* t[size=1em]              if (200 == xhr.status || 0 == xhr.status) { 2 ], D: a- J2 {+ k2 J# M: i4 X2 R[size=1em]                  //=========正常返回后的处理代码 [size=1em]              } 7 {7 ^, d4 h) C- Q1 d4 c[size=1em]              else alert('动态页出问题了~~'); / @5 w4 L2 i" D3 U* k! j[size=1em]          } & H) D0 \" Z( x1 X% `0 r- ?7 R[size=1em]      } [size=1em]      xhr.send(null); 6 H% k% r/ K  N. d$ \: y, y7 F9 f  |

- Q  p* I3 [/ R. m

7 l! K. [" i: f! A$ D2 d

5）如果为异步执行时，需要添加状态转换函数，然后在readyState位4时使用responseText或者responseXML属性。
; N. S* P* m% ]7 [如果为同步执行时，可以在send完后，直接使用responseText或者responseXML属性，不需要添加onreadystatechange状态转换函数了。不过为同步时如果网速慢容易造成浏览器假死，用户体验不好。
' j2 W$ o  K+ U& s1 {& _