入门AJAX总结

基础概念

 

1.全称Asynchronous JavaScript andXML，可以避免加载整个页面的情况下，更新部分网页数据。

2.ajax不是一门新的技术，是由XHtml、css、dom、XMLHttpRequest对象，并由js将这些整合在一起的基于标准的技术。

3.ajax的核心对象是js的XMLHttpRequest对象

 

应用

 

创建XMLHttpRequest对象

 

Var xmlhttp =null;
if(window.XMLHttpRequest)
  {
    //IE7+,Firefox, Chrome, Opera, Safari
  xmlhttp=newXMLHttpRequest();
  }
else
  {
     //在IE 5 和 IE 6 中，必须使用特定于 IE 的 ActiveXObject()构造函数
  xmlhttp=newActiveXObject("Microsoft.XMLHTTP");
  }
 

另一种为了适应ie5.5一下浏览器内核创建xmlhttprequest对象的方式，这种相对好点，但是还是没有做到最好。

 

functionGetXmlHttpObject()
{
varxmlHttp=null;
try{
//Firefox, Opera 8.0+, Safari
xmlHttp=newXMLHttpRequest();
}
catch(e)
{
//Internet Explorer
try{
xmlHttp=newActiveXObject("Msxml2.XMLHTTP");
}
catch(e) {
xmlHttp=newActiveXObject("Microsoft.XMLHTTP");
}
}
returnxmlHttp;
}

 

常用方法

 

Send

 

  send()方法具体向服务器发送请求。如果请求声明为异步的，这个方法就会立即返回，否则它会等待，知道接收到响应为止。

 

open

open(method,url, async, username, password)

前三个是必选的，分别为向服务器发送数据的方式get或者post，一般使用的get方式相对简单快捷；虽然post方式相对可靠。

async是一个布尔值，标识该调用时异步还是同步的，默认情况是true就是异步。那什么是异步呢，就是我一边发送请求，一边就可以同时返回数据。这样简单理解一下吧！

 

属性

这xmlhttprequest对象还有一个常用的只读属性

readyState

 

 

标示了过程调用中的一些状态

 

     总结

这里主要简要认识了一下ajax是什么，有什么用，那些东西是常用的。简单来说，ajax提供了一种更为优雅的访问方式；提供更为友好的体验。最重要的还是xmlhttprequest对象的使用及常用的一些方法。后面还是需要一些更为实际的例子来多多验证。