日期:2014-05-16  浏览次数:20680 次

简简单单说明原理------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

?

1 楼 accpchf 2011-04-27  
记住这几句话,面试时候有用
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();
 
   }