Ajax同步与异步传输的示例代码

177 阅读 0 评论 117 点赞

我是靠谱客的博主陶醉百褶裙，最近开发中收集的这篇文章主要介绍Ajax同步与异步传输的示例代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

//同步传输模式   

function RequestByGet(nProducttemp,nCountrytemp)   
{   
    var xmlhttp   

    if (window.XMLHttpRequest)     
    {     
         //isIE   =   false;     
         xmlhttp   =   new   XMLHttpRequest();     
    }     
    else if (window.ActiveXObject)   
    {     
         //isIE   =   true;     
         xmlhttp   =   new   ActiveXObject("Microsoft.XMLHTTP");     
    }   

    //Web page location.   
    var URL="http://www.uoften.com/;   
    xmlhttp.open("GET",URL, false);   
    //xmlhttp.SetRequestHeader("Content-Type","text/html; charset=Shift_JIS")   
    xmlhttp.send(null);   
    var result = xmlhttp.status;   

    //OK   
    if(result==200)   
    {   
        document.getElementById("div_RightBarBody").innerHTML=xmlhttp.responseText;   
    }   
    xmlhttp = null;   
}   

  
//异步传输模式   
var xmlhttp   

function RequestByGet(nProducttemp,nCountrytemp)   
{   
    if (window.XMLHttpRequest)     
    {     
         //isIE   =   false;     
         xmlhttp   =   new   XMLHttpRequest();     
    }     
    else if (window.ActiveXObject)   
    {     
         //isIE   =   true;     
         xmlhttp   =   new   ActiveXObject("Microsoft.XMLHTTP");     
    }   

    //Web page location.   
    var URL="http://www.uoften.com/";   
    xmlhttp.open("GET",URL, true);   
    xmlhttp.onreadystatechange = handleResponse;   
    //xmlhttp.SetRequestHeader("Content-Type","text/html; charset=UTF-8")   
    xmlhttp.send(null);     
}   

function handleResponse()   
{   
    if(xmlhttp.readyState == 4 && xmlhttp.status==200)   
    {   
        document.getElementById("div_RightBarBody").innerHTML=xmlhttp.responseText;   
        xmlhttp = null;   
    }  
} 