首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

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

2012-12-31 
ajax对象常用属性,事件,方法大小写问题的总结本帖最后由 showbo 于 2012-09-08 11:13:46 编辑  好久没总结

ajax对象常用属性,事件,方法大小写问题的总结
本帖最后由 showbo 于 2012-09-08 11:13:46 编辑   好久没总结些ajax方法的东东了,随便散一些分。最近发现ajax版块好多问题都是属性,方法,事件大小写不区分,导致程序运行出问题,或者在不同浏览器下效果不出来或者出错。

  下面是ajax对象的一些常用属性,事件和方法
  1)标准的ajax对象的属性有readyState,status,responseText,responseXML

  2)非标准ajax对象属性,针对IE浏览器的,有responseBody,2进制数据流。如果不考虑浏览器兼容,这个属性+VBScript能很好的解决乱码问题。  

Function Bytes2BStr(vin)'二进制转字串
     strreturn = ""
     for i = 1 to lenb(vin)
     thischarcode = ascb(midb(vin,i,1))
     if thischarcode < &h80 then
        strreturn = strreturn & chr(thischarcode)
     else
        nextcharcode = ascb(midb(vin,i+1,1))
        strreturn = strreturn & chr(clng(thischarcode) * &h100 + cint(nextcharcode))
        i = i + 1
     end if
     next
     Bytes2BStr = strreturn
End Function



  3)事件onreadystatechange,状态转换函数

  4)方法有setRequestHeader,open,send,用于设置响应头的,当指定提交方法为POST的时候,需要设置content-type为application/x-www-form-urlencoded,如果未设置这个响应头,请求的动态页无法使用键值对的形式获取到值,不过可以从二进制流中生成提交的数据。
参考
ajax指定为post但是未设置content-type或未指定键时时如何获取提交的内容

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

2)对于IE浏览器,如果是先判断activexobject,那么会执行activexobject创建xhr对象,使用acx创建的xhr对象,属性,事件,方法都不区分大小写

3)使用XMLHttpRequest创建时,onreadystatechange一定全部为小写,要不相当于给xhr对象赋值一个自定义属性,而不是实际的状态转换函数。这样永远都不执行回调。对于IE使用activexobject创建的xhr对象,不区分大小写

4)同2,3点,XMLHttpRequest创建时,调用方法一定要区分大小写,要不会出错,提示找不到方法。IE使用activexobject创建不会区分大小写。
  特别强调的是,一定要调用open方法后,才能执行setRequestHeader方法,要不会出错。

  对于手写ajax代码一些建议
1)为get提交时,不需要设置content-type了,除非请求的是一些需要检查content-type生成一些对应的数据格式的文件。如 asp.net的webservice会检查content-type,如果指定content-type为application/json,会生成对应的json格式的字符串。
参考 webservice json

2)为get提交时,如果没有数据,调用send方法时最好添加一个null作为参数。xhr.send(null);

3)为post提交时,一定不要忘记在调用open方法后,再调用setRequestHeader方法设置content-type为application/x-www-form-urlencoded

4) 在使用responseText,responseXML和responseBody【IE only】,status属性时,需要在readyState==4,status状态==200【在线测试】或者status状态==0【本地测试】时再使用

      var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("microsft.xmlhttp");
      xhr.open('get', 'index.html', true);
      xhr.onreadystatechange = function () {
          if (4 == xhr.readyState) {
              if (200 == xhr.status || 0 == xhr.status) {
                  //=========正常返回后的处理代码
              }
              else alert('动态页出问题了~~');
          }
      }


      xhr.send(null);





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


6)最简单的~~hoho~~改用jquery框架吧。

更多ajax问题请参考
ajax问题总结

来源:http://www.coding123.net/article/20110427/ajax-object-attribute-case-issues.aspx
[解决办法]
Mark
好好研究一下
[解决办法]
恩 最近正好也在研究ajax 学习了
[解决办法]
接分!!!
[解决办法]
不错不错。
[解决办法]
支持!顺便谢谢楼主上午的强制结贴。
[解决办法]
ajax对象常用属性,事件,方法大小写有关问题的总结不经常用
[解决办法]
不错不错!!!!!!!!!!!!!!!!!!11
[解决办法]
ajax对象常用属性,事件,方法大小写有关问题的总结
[解决办法]
楼主好强悍!牛人哎  我什么时候能像你这样总结 就好了
[解决办法]
永远都不要以为浏览器会是对的,只要返回数据时先声明语言编码,就不会出现乱码
[解决办法]
sdfklaskdfkljasfklgjaslkfjdlkds
[解决办法]
不错喔。。
[解决办法]
来的还及时!呵呵!
[解决办法]
ajax所请求的页面文件本身用utf-8编码,输出似乎不会有乱码问题.
[解决办法]
very good
[解决办法]
总结的很周到。高手。
[解决办法]
Ajax/DWR/JQuery/EXT这些东西虽然不难,但是对人的认真程度要求很高,小心使得万年船....
[解决办法]
总结得很好!
[解决办法]
好文章  !!!
[解决办法]
支持
showbo发的都是好东西..................
ajax对象常用属性,事件,方法大小写有关问题的总结
[解决办法]
ajax对象常用属性,事件,方法大小写有关问题的总结
[解决办法]
谁知道Ios 程序开发工具那个好用啊 
[解决办法]
 var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("microsft.xmlhttp");
      xhr.open('get', 'index.html', true);
      xhr.onreadystatechange = function () {
          if (4 == xhr.readyState) {
              if (200 == xhr.status 
------解决方案--------------------


 0 == xhr.status) {
                  //=========正常返回后的处理代码
              }
              else alert('动态页出问题了~~');
          }
      }
      xhr.send(null);





[解决办法]

常用。。
[解决办法]
不错,好好试试
[解决办法]
啊,这几天正在了解ajax技术呢

热点排行