Ajax原理知识

前言

Ajax有很多东西不得不说有很多东西都特别的模糊啊，不过原理的知识还是必须知道的

---

What Ajax

AJAX=异步JavaScript和XML，实现局部刷新功能，实现与后端的交互，用户体验度也大大提高，在我们请求的时候需要用到XMLHttpRequest对象的语法

---

How Ajax

1、首先我们应该先创建一个XMLHttpRequest对象的语法，var able =new XmlHttpRequest()创建完之后因为不同版本有不同版本的支持所以我们需要提前判断一下他是什么版本的

var xmlhttp;
if(window.XMLHttpRequest){
  xmlhttp=new XmL
}
else{
 xmlhttp=new ActibeXobject("Microsoft.XMLHTTP")
}

---

2、向服务器端发送请求，用到send（）和open（）方法

对于get和post的讲解可以看这篇博客：http://blog.csdn.net/dtttyc/article/details/78572909

---

3、Ajax-服务器响应，如何获得来自服务器的相应，使用XMLHttpRequest对象的responseText或responseXML属性

responseText:获得字符串形式的响应数据

doument.getElementById("myDiv").innerHtml=xmlhttp.responseText;

responseXml：获得xml形式的相应数据

xmlDoc=xmlHttp.resonseXml;
txt=""
x=xmlDoc.getElementsBytagName("ARTIsT")
for(i=0;j<x.length;i++){
txt=txt+x[i].childNodes[0].nodevalue+<bt>
}
document.getElementById("myDiv').innHtml=txt;

---

4、AjAx onreadystatechange事件。当请求被发送到服务器时，我们需要执行一些基于相应的任务，每当readyState改变时，就会触发onreadystatechange事件，readyState属性存有XMlHttpReque的状态信息

1. 0：未初始化
2. 1服务器连接已建立
3. 请求已接受
4. 请求处理中
5. 请求已完成，且相应已就绪

---

5、回调函数，表示以参数形式传递给另一个函数的函数，如果你页面上有多个ajax事件，那么你回创建多个XmlHttpRequst请求函数，那么他们可以互相的调用

---

总结

总结总会收获到很多！非常棒！把自己的知识学成一个体系，你会发现你自己超级无敌，体系就是知识的关联与自己的逻辑体现！超级棒哦