转：Ajax同步和异步传输 (示例)

日志原文：http://sevencard.blog.sohu.com/72439904.html

XMLHttpRequest.open(String method, String URL, boolean asynchronous)  

设置asynchronous为可选项,表示请求是同步还是异步,异步请求为false,同步请求为true,默认情况下为同步true.

同步：发送请求后等待结果返回，不执行后面的代码。

异步：发送请求后把继续执行，返回结果交给xmlhttp.onreadystatechange（例子中的handleResponse）设定的函数来处理。

//同步传输模式

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.baidu.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.baidu.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;

    }

}