Ajax入门

  

 

Ajax入门

1、AJAX 即”Asynchronous JavaScript and XML”(异步JavaScript和XML)，AJAX并非缩写词，而是由Jesse James Gaiiett创造的名词，是指一种创建交互式网页应用的网页开发技术。

2、什么是Ajax

         Ajax的技术的产生：Ajax被认为是（Asynchronous JavaScript and XML的缩写）。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax。它并不是一项新技术，其实是多种技术的综合，包括JavaScript、XHTML和CSS、DOM、XML和XMLHttpRequest。

3、Ajax的优点和缺点：

（1）优点：

         a)不用提交整个页面，而是用JavaScript提交具体的数据，这样就使一些没有必要在网络上传输的数据不用传输了。

         b)因为只提交数据，所以每天提交请求的数据库不是很大，这样可以减轻网络传输数据的压力。

         c)由于不用刷新整个页面，所以即便提交以后，展现在客户面前的页面还是不会消失的，这样对于客户的交互性特别好。

（1）缺点：

         a)AJAX大量使用了JavaScript和AJAX引擎，而这个取决于浏览器的支持。IE5.0以上、Mozila1.0、NetScape7及以上版本才支持，Mozilla虽然也支持AJAX，但是提供XMLHttpRequest的方式不一样。所以，使用AJAX的程序必须测试针对各个浏览器的兼容性。

         b)AJAX更新页面内容的时候并没有刷新整个页面，因此，网页的后腿功能是失效的；有的用户还经常搞不清楚现在的数据是旧的还是已经更新过的。这个就需要在明显位置提供用户“数据已更新”。

         c)对流媒体的支持没有FLASH、JavaScript好。

         d)一些手持设备（如手机。PDA等）现在还不能很好的支持AJAX。

4、AJAX的核心是XmlHttpRequest

         该对象是对JavaScript的一个扩展，可使网页与服务器进行通信。是创建Ajax应用的最佳选择。实际上通常把Ajax当成XmlHttpRequest对象的代名词。

（1）XMLHttpRequest对象初始化

function   createXmlHttpRequest(){

   var xmlHttp;

   try{    //Firefox, Opera 8.0+, Safari

           xmlHttp=new XMLHttpRequest();

    }catch (e){

           try{    //Internet Explorer

                  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

            }catch (e){

                  try{

                          xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

                  }catch (e){} 

           }

    }

   return xmlHttp;

 }

（2）XMLHttpRequest对象方法

方法	描述
abort()	停止当前请求
getAllResponseHeaders()	把http请求的所有响应首部作为键/值对返回
getResponseHeader("headerLabel")	返回指定首部的串值
open(method,url,async)	规定请求的类型、URL 以及是否异步处理请求。 method：请求的类型；GET 或 POST url：文件在服务器上的位置 async：true（异步）或 false（同步）
send(content)	向服务器发送请求
setRequestHeader("label", "value")	把指定首部设置为所提供的值。在设置任何首部之前必须先调用open()

 

（3）XMLHttpRequest对象属性

（4）Ajax七步操作步骤：

         a)初始化XMLHttpRequest对象

         b)规定请求的参数

         c)服务器接收

         d)服务器返回

         e)客户端接收

         f)修改页面内容