javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > Ajax异步传输

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

作者:

这篇文章主要是对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="https://www.jb51.net/;  
    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="https://www.jb51.net/";  
    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;  
    } 
}
您可能感兴趣的文章:
阅读全文