Ajax的简介~（处于朦胧期的初学者试看）

Ajax，一个非常有新意的名字，那么这个新技术究竟是谁提出的，他到底有没有prototype呢？首先要理解的一点是Ajax它到底是用来干什么用的，或许有人会问是不是纯粹用来做页面的啊？答案显然是否定的，它的主要功能体现：1。部分刷新  2 。异步数据交互 3. 必要数据交换

那他的数据交互究竟是怎样的一种工作原理呢？下面大家看一下下面的交互模型图：

好，看了这个交互模型，相比，大家对Ajax的工作原理也有一定的了解，当然，可能你们并不了解它的实用性，接下来我会做一个简单的实例来

说明一下！

 

JS文件方面的：

function  getXMLHttpRequest()
{
if(window.XMlHttpRequest)
{
return new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
request=new ActivecXObject("Microsoft.XMLHTTP");
if(!request)
{
request=new ActiveXObject("Msxml2.XMLLHTTP");
}
return request;
}
}

这个js文件是用来做一个跨浏览器的xmlhttpRequest对象，从而不需要拘泥于浏览器！

接下来就xmlHttpRequest向服务器发送一个请求：

function xmlRequ()

{

xmlHttpRequest.onreadystatechange = event;//只要xmlHttpRequest的onreadychang改变就触发事件
   xmlHttpRequest.open("GET", url, true); //url 是你指定服务器的域名 “get”是它传送的一种方式,带参数的url传递
   xmlHttpRequest.send(null);

}

function event()

{

if (xmlHttpRequest.readyState == 4) //判断xmlHttpRequest的加载情况是否未completed
   {
    if (xmlHttpRequest.status == 200)//是否完成，对这些个属性不理解的可以看看老赵的演讲！
    {
     document.getElementById("show").innerText =
      xmlHttpRequest.responseText;
    }
   }

}

 

这样就简单的实现了使用xmlHttpRequest实现一个异步传递的实例！

对本文章有什么不理解的可以随时留言，我是Peter ,随时为您解答！