Ajax学习笔记

Ajax:AsynchronousJavaScriptandXML（异步的JavaScript和XML）

现在已经不是单单指xml了。

Ajax并不是一门新语言而是通过javascript和xml实现的局部刷新的一种技术

局部刷新是其特点，不需要每次都整个页面都刷新。

Ajax最重要的一个对象:XMLHttpRequest对象

如何获得XMLHttpRequest对象

readyState:服务器响应的状态信息

0代表请求未初始化

1代表请求已提出

2代表请求已发送

3代表请求处理中

4代表已完成

http状态码:

1xx:表示临时响应

2xx:表示成功

3xx:表示重定向

4xx:表示请求错误

5xx:表示服务器错误

xmlstatus:表示xmlhttp与后台交互返回的状态码，xmlhttp==200表示正常。

xmlhttp.open("get/post","后台服务器url",true/false);

xmlhttp.send(null);

通过jQueryAJAX方法，能够使用HTTPGet和HTTPPost从远程服务器上请求文本、HTML、XML或JSON同时您能够把这些外部数据直接载入网页的被选元素中。

jQuery实现Ajax方法比较简单和方便。$(selector).load(url,data,callback);

Ajax实现是一个标准流程，最重要的对象就是XMLHttpRequest对象，以及数据的封装txt、html、xml、json都可以，现在使用json封装比较多。

使用javascript来实现Ajax的代码:

<script>

functionloadXMLDoc()

{

//先获得XMLHttpRequest对象

varxmlhttp;

if(window.XMLHttpRequest)

{//考虑了兼容性

//codeforIE7+,Firefox,Chrome,Opera,Safari

xmlhttp=newXMLHttpRequest();

}

else

{

//codeforIE6,IE5

xmlhttp=newActiveXObject("Microsoft.XMLHTTP");

}

//这是事件句柄xmlhttp对象的onreadystatechange函数

xmlhttp.onreadystatechange=function()

{

if(xmlhttp.readyState==4&&xmlhttp.status==200)

{

document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

}

}

xmlhttp.open("GET","url",true);

xmlhttp.send();

}

</script>