一、什么是Ajax
Ajax:(AsynchronousJavaScript And XML)指异步 JavaScript 及 XML, 不是一种新的编程语言 ,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术,是基于JavaScript、XML、HTML、CSS新用法。Ajax:只刷新局部页面的技术
JavaScript:更新局部的网页
XML:一般用于请求数据和响应数据的封装
XMLHttpRequest对象:发送请求到服务器并获得返回结果
CSS:美化页面样式
异步:发送请求后不等返回结果,由回调函数处理结果
JavaScript中XMLHttpRequest对象是整个Ajax技术的核心,它提供了异步发送请求的能力
构造方法:
不同浏览器,甚至相同浏览器的不同版本,获取该对象的方式是不同的。<scripttype="text/javascript">
window.οnlοad=function(){
varxmlHttp;
try{
xmlHttp=new XMLHttpRequest();}catch (e){
try{xmlHttp=newActiveXObject("Msxml2.XMLHTTP");}catch (e){
try{xmlHttp=newActiveXObject("Microsoft.XMLHTTP");}catch (e){
alert("您的浏览器不支持AJAX!");
returnfalse;
}
}
}
}
</script>
方法:
open() "get|post" ,"url?name=luo" ,"true|false"
send() 发送请求 。可以带参数 或 null
setRequestHeader()
属性:
readyState:类型short;只读
responseText:类型String;只读
responseXML:类型Document;只读
status:类型short;只读
事件处理器:
onreadystatechange
二、常用方法
方法名 | 说 明 |
open(method,URL,async) | 建立与服务器的连接 method参数指定请求的HTTP方法,典型的值是GET或POST URL参数指请求的地址 async参数指定是否使用异步请求,其值为true或false |
send(content) | 发送请求 content参数指定请求的参数 |
setRequestHeader(header,value) | 设置请求的头信息 |
三、常用属性
onreadystatechange:指定回调函数
readyState: XMLHttpRequest的状态信息
就绪状态码 | 说 明 |
0 | XMLHttpRequest对象没有完成初始化 即:刚刚创建。 |
1 | XMLHttpRequest对象开始发送请求 调用了open方法,但还没有调用send方法。请求还没有发出 |
2 | XMLHttpRequest对象的请求发送完成 send方法已经调用,数据已经提交到服务器,但没有任何响应 |
3 | XMLHttpRequest对象开始读取响应,还没有结束 收到了所有的响应消息头,但正文还没有完全收到 |
4 | XMLHttpRequest对象读取响应结束 一切都收到了 |
好像没写完~~~
不写了..
... .... ....