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

拉克丝

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

　　下面是ajax对象的一些常用属性，事件和方法
　　1）标准的ajax对象的属性有readyState，status，responseText，responseXML
" P& d' g" C( X' E* z1 o2 E
+ E0 J, z; ~  [; u- j) `  C, r4 s　　2）非标准ajax对象属性，针对IE浏览器的，有responseBody，2进制数据流。如果不考虑浏览器兼容，这个属性+VBScript能很好的解决乱码问题。　　
& j. N. H* a% l9 ^2 }[backcolor=white !important][size=1em]Visual Basic code

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

+ J" u8 X8 |9 e2 E! ~1 H1 X

[size=1em]1 [size=1em]2 [size=1em]3 [size=1em]4 [size=1em]5 . M6 {2 U0 z  Q4 t [size=1em]6 7 X  }% m- k/ W [size=1em]7 [size=1em]8 [size=1em]9 1 h6 U& @% P9 x$ \2 X) n% d [size=1em]10 ; |4 W7 F. p( m [size=1em]11 + M9 F9 T8 T; t6 Q! Y [size=1em]12 [size=1em]13 $ n( q2 s! Z) s; A& D. T [size=1em]14

[size=1em][size=1em]Function Bytes2BStr(vin)'二进制转字串 [size=1em]     strreturn = "" ' ^. Q. b( o. Z/ r' u[size=1em]     for i = 1 to lenb(vin) [size=1em]     thischarcode = ascb(midb(vin,i,1)) 0 Z! a5 y7 p; U0 `[size=1em]     if thischarcode < &h80 then ! Z3 r+ u- C8 d3 [6 f5 p[size=1em]        strreturn = strreturn & chr(thischarcode) , H5 q  E; V3 p0 @. K3 A[size=1em]     else [size=1em]        nextcharcode = ascb(midb(vin,i+1,1)) [size=1em]        strreturn = strreturn & chr(clng(thischarcode) * &h100 + cint(nextcharcode)) - W$ L7 L; l5 V# j* p$ t2 i5 p[size=1em]        i = i + 1 [size=1em]     end if : }7 K8 s, t) ][size=1em]     next [size=1em]     Bytes2BStr = strreturn [size=1em]End Function

! n9 D2 O0 B) Q4 c

1 h' Z# h% ?1 p8 `. w/ h
　　3）事件onreadystatechange，状态转换函数

2 k* `3 @4 \7 @1 U　　4）方法有setRequestHeader，open，send，用于设置响应头的，当指定提交方法为POST的时候，需要设置content-type为application/x-www-form-urlencoded，如果未设置这个响应头，请求的动态页无法使用键值对的形式获取到值，不过可以从二进制流中生成提交的数据。
参考
) y( M; _! Y1 B1 {( B# N% Iajax指定为post但是未设置content-type或未指定键时时如何获取提交的内容

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

2）对于IE浏览器，如果是先判断activexobject，那么会执行activexobject创建xhr对象，使用acx创建的xhr对象，属性，事件，方法都不区分大小写
/ V' n0 M* o+ S4 b" B! B- n
  _# U6 G- {- F, j8 B) \3）使用XMLHttpRequest创建时，onreadystatechange一定全部为小写，要不相当于给xhr对象赋值一个自定义属性，而不是实际的状态转换函数。这样永远都不执行回调。对于IE使用activexobject创建的xhr对象，不区分大小写
4 Z' c* ~) y$ y$ Z, N9 f+ V
$ a, ]3 Y* Z, t7 r  r3 I8 t$ K4）同2，3点，XMLHttpRequest创建时，调用方法一定要区分大小写，要不会出错，提示找不到方法。IE使用activexobject创建不会区分大小写。
　 特别强调的是，一定要调用open方法后，才能执行setRequestHeader方法，要不会出错。
8 Y' ~: d! F0 a( ^' r( [
- h# ^& ]. M" b& i　　对于手写ajax代码一些建议
+ d; {& ?- g# Z6 Z1）为get提交时，不需要设置content-type了，除非请求的是一些需要检查content-type生成一些对应的数据格式的文件。如 asp.net的webservice会检查content-type，如果指定content-type为application/json，会生成对应的json格式的字符串。
参考webservice json
2 ]8 B4 R2 E0 `4 Q& ^( X" p& S# E
# k4 j& ]' |% N6 Z3 p1 u! s* o0 }2）为get提交时，如果没有数据，调用send方法时最好添加一个null作为参数。xhr.send(null);

7 R, ~% b  p0 K+ n7 C3）为post提交时，一定不要忘记在调用open方法后，再调用setRequestHeader方法设置content-type为application/x-www-form-urlencoded
! [& Z. \9 V0 {0 W/ q. k+ q; a1 d
' C2 f) g; z) b# y4） 在使用responseText，responseXML和responseBody【IE only】，status属性时，需要在readyState==4，status状态==200【在线测试】或者status状态==0【本地测试】时再使用

[backcolor=white !important][size=1em]JavaScript code

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

1 N) j9 y0 i1 E  X0 ]

[size=1em]1 [size=1em]2 [size=1em]3 # Y# G" C( m% H2 O* ~  I [size=1em]4 [size=1em]5 8 B! a. n( V. k! v3 }) p [size=1em]6 - Y  G3 _+ `, p$ ^( F9 E" e# H [size=1em]7 0 D+ `  q; Y5 x; I [size=1em]8 ' g% a' G6 E! P/ z# H- K [size=1em]9 5 z0 s6 R/ V. w: U$ A9 W5 V [size=1em]10 3 ?+ C2 [8 z$ k0 B1 X7 U [size=1em]11

[size=1em][size=1em]      var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("microsft.xmlhttp"); 1 y. b4 K8 `1 v: e6 Y6 ][size=1em]      xhr.open('get', 'index.html', true); [size=1em]      xhr.onreadystatechange = function () { % W0 `" @# W+ u  f% g[size=1em]          if (4 == xhr.readyState) { [size=1em]              if (200 == xhr.status || 0 == xhr.status) { [size=1em]                  //=========正常返回后的处理代码 ) W  J- z3 e, S+ m+ q- w% X[size=1em]              } [size=1em]              else alert('动态页出问题了~~'); [size=1em]          } [size=1em]      } - a1 S+ c' u0 _% ~3 E! M  G[size=1em]      xhr.send(null); * ^8 H% I, ~8 T- Y# \! A# Z/ ^! t

  R& @" M/ d4 R8 a4 \



& K9 o& `& @6 {0 \; M2 H
3 l. I  h2 @" o) [5）如果为异步执行时，需要添加状态转换函数，然后在readyState位4时使用responseText或者responseXML属性。
& w7 U* Q0 n! ^. V! j3 z如果为同步执行时，可以在send完后，直接使用responseText或者responseXML属性，不需要添加onreadystatechange状态转换函数了。不过为同步时如果网速慢容易造成浏览器假死，用户体验不好。