ajax学习笔记

Ajax

AsynchronousJavaScriptandXML

1:ajax是什么?

答:标准的XHTML+CSS

动态的DOM操作

用XML进行数据的传输和交换

用XMLHttpRequest对象异步交换数据

用javascript把上述概念绑定.

2:ajax的几种名称

Ajax

无刷新技术

局部刷新技术

异步刷新技术

无刷新技术:

调用ajax程序的页面,从地址栏上看,没有变化,没有刷新,因此,无刷新技术

局部刷新技术:

调用ajax程序的页面,可能通过响应内容,动态的改变部分DOM节点

异步刷新技术:

Js会阻塞后面的js代码执行和html代码的渲染.

而用异步传输数据,不会阻塞后面js代码执行和html代码的渲染.

同步:就像打电话,电话不挂,人也不干其他的,等到挂电话后才能干其他的.

异步:就像发短信,发完短信后,可以干其他的事情,同时等着短信回来.

3:XMLHttpRequest的详细属性

responseText:服务器响应的主体信息,body信息.

responseXML:对于大量的格式化文档,可以用XML来传输或交换,由后台程序把数据封装在XML文档时,js接收XML对象并解析该内容.

status:是服务器的返回状态码,例:200,成功,403forbidden禁止,404notfound未找到

50X系列,内部服务器错误

statusText:服务器返回的状态码,对应的文字描述

readyState:XMLHttpRequest对象自身的状态码,4[0,1,4],[2,3,4]

onreadystatechange:事件象的状态发生变化的时候,激发的函数

4:XMLHttpRequest的详细方法

open('请求方式',url,同步/异步);false->同步,true->异步

send(null/参数),参数的写法:k1=v1&k2=v2&kn=vn.....

setRequestHeader(key,value);设属性,绑定当XMLHttpRequest对置请求的头信息

Abort:忽略,不要再进行下去了,到此为止

getResponseHeader:获取响应的某个头信息

getAllResponseHeaders:获取响应的所有头信息

XMLHttpquest对象在各浏览器中的兼容

先考虑标准情况,在高版本IE中,也可以用XMLHttpRequest对象来创建.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!