博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
好程序员教程分享关于ajax对象一些常见的问题总结
阅读量:6226 次
发布时间:2019-06-21

本文共 2403 字,大约阅读时间需要 8 分钟。

  hot3.png

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

  下面是ajax对象的一些常用属性,事件和方法
1)标准的ajax对象的属性有readyState,status,responseText,responseXML
2)非标准ajax对象属性,针对IE浏览器的,有responseBody,2进制数据流。如果不考虑浏览器兼容,这个属性+VBScript能很好的解决乱码问题。
Visual Basic code

  1.  
  2. Function Bytes2BStr(vin)'二进制转字串
  3. strreturn = ""
  4. for i = 1 to lenb(vin)
  5. thischarcode = ascb(midb(vin,i,1))
  6. if thischarcode < &h80 then
  7. strreturn = strreturn & chr(thischarcode)
  8. else
  9. nextcharcode = ascb(midb(vin,i+1,1))
  10. strreturn = strreturn & chr(clng(thischarcode) * &h100 + cint(nextcharcode))
  11. i = i + 1
  12. end if
  13. next
  14. Bytes2BStr = strreturn
  15. 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

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

5)如果为异步执行时,需要添加状态转换函数,然后在readyState位4时使用responseText或者responseXML属性。

  如果为同步执行时,可以在send完后,直接使用responseText或者responseXML属性,不需要添加onreadystatechange状态转换函数了。不过为同步时如果网速慢容易造成浏览器假死,用户体验不好。
6)最简单的~~hoho~~改用jquery框架吧。

转载于:https://my.oschina.net/530504/blog/3037679

你可能感兴趣的文章
OO第一次博客作业
查看>>
计算机发展史简述
查看>>
wpf 遍历控件及其值
查看>>
Unity5.6.4f1 配置WebGL教程
查看>>
linux -硬盘分区
查看>>
Struts1防止重复提交
查看>>
JS控制滚动条的位置
查看>>
来自我的破船大大的博客,记录他的iOS成长之路,与君同勉!
查看>>
GridView 编辑、删除 、分页
查看>>
[洛谷P2742]【模板】二维凸包([USACO5.1]圈奶牛Fencing the Cows)
查看>>
C/C++动态二维数组的内存分配和释放
查看>>
HTC G7 官方ROM卡刷包(国行、台版、港版、印度、亚太版、欧版)
查看>>
jQuery笔记(五)jQuery表单验证
查看>>
编程助手JavaScript学习库-面向对象编程笔记
查看>>
聪明的数据结构和笨拙的逻辑代码
查看>>
php_memcache 缓存 下载-安装-配置-学习
查看>>
Java EE之通过表单上传文件
查看>>
Gnome创建桌面快捷方式
查看>>
机器人会偷走你的饭碗吗——药剂师 vs. 巨型药品包装机
查看>>
C++数据类型范围
查看>>