简简单单说明原理------ajax

AJAX= Asynchronous(异步) JavaScript and XML


    一句话原理:


       通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。


关键词:

    1.XMLHttpRequest:是一种支持异步请求的技术，是ajax的核心机制。XMLHttpRequest通过javascript创建调用。

     2.Asynchronous(异步)：异步传输是面向字符的传输，它的单位是字符；而同步传输是面向比特的传输，它的单位是桢，它传输的时候要求接受方和发送方的时钟是保持一致的。



ajax的优点：用户体验，加速响应能力，减轻服务器和网络资源负担。


ajax的缺点：即对浏览器后退机制的破坏。安全性，程序调试性等问题。

 

具体了解看

 

  http://hi.baidu.com/javalogo/blog/item/7844bf09be20889f0a7b821d.html

 

评论

2 楼 accpchf 2011-04-27  

下面是一个比较标准的创建XMLHttpRequest对象的方法。
function CreateXmlHttp()
   {
   //非IE浏览器创建XmlHttpRequest对象
    if(window.XmlHttpRequest)
    {
     xmlhttp=new XmlHttpRequest();
    }
    //IE浏览器创建XmlHttpRequest对象
     if(window.ActiveXObject)
    {
    try
    {
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");   
    }
    catch(e)
    {
    try{
     xmlhttp=new ActiveXObject("msxml2.XMLHTTP");
     }
     catch(ex){}
    }
    }
   }

function Ustbwuyi()
   {
    var data=document.getElementById("username").value; 
        CreateXmlHttp();
       if(!xmlhttp)
        {
         alert("创建xmlhttp对象异常！");
         return false;
        }     
        xmlhttp.open("POST",url,false);
        xmlhttp.onreadystatechange=function()
        { 
         if(xmlhttp.readyState==4)
           {
           document.getElementById("user1").innerHTML="数据正在加载...";
             if(xmlhttp.status==200)
             {
              document.write(xmlhttp.responseText);
             }    
           }
         }
        xmlhttp.send();
 
   }

1 楼 accpchf 2011-04-27  

记住这几句话，面试时候有用