欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

关于ajax对象一些常用属性、事件和方法大小写比较常见的问题总结

程序员文章站 2023-10-31 14:20:22
最近比较空闲,于是抽个时间整理些关于ajax方法的东东。在项目中经常发现ajax板块好多问题都是属性,方法,事件大小写不区分问题,最终导致了程序运行出现麻烦。   下面是...

最近比较空闲,于是抽个时间整理些关于ajax方法的东东。在项目中经常发现ajax板块好多问题都是属性,方法,事件大小写不区分问题,最终导致了程序运行出现麻烦。

  下面是ajax对象的一些常用属性,事件和方法

  1)标准的ajax对象的属性有readystate,status,responsetext,responsexml

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

visual basic code

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格式的字符串。

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【本地测试】时再使用

javascript code

 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框架吧。