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

 更新时间:2013年11月21日 10:01:06   作者:  
这篇文章主要是对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;  
    } 
}

相关文章

  • 纯JS代码实现一键分享功能

    纯JS代码实现一键分享功能

    在qq空间,新浪微博,人人网等网络平台大家经常可以看到一键分享功能,那么基于js代码是如何实现一键分享的呢?下面脚本之家小编给大家介绍js实现一键分享功能的代码,需要的朋友参考下吧
    2016-04-04
  • js实现文字滚动的效果

    js实现文字滚动的效果

    这篇文章主要为大家详细介绍了js实现文字滚动的效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • javascript使用Blob对象实现的下载文件操作示例

    javascript使用Blob对象实现的下载文件操作示例

    这篇文章主要介绍了javascript使用Blob对象实现的下载文件操作,结合实例形式分析了javascript使用Blob对象下载文件相关原理、操作技巧与注意事项,需要的朋友可以参考下
    2020-04-04
  • ES6 十大特性简介

    ES6 十大特性简介

    这篇文章主要介绍了ES6 十大特性的相关资料,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下
    2020-12-12
  • 简述JS控制台的使用

    简述JS控制台的使用

    本文给大家介绍了js控制台的使用,非常不错,具有一定的参考借鉴借鉴价值,需要的朋友参考下吧
    2018-07-07
  • javascript和jquery分别实现的九九乘法表代码

    javascript和jquery分别实现的九九乘法表代码

    javascript 九九乘法表 附jquery 实现的九九乘法表代码
    2010-03-03
  • HTML5 js实现拖拉上传文件功能

    HTML5 js实现拖拉上传文件功能

    这篇文章主要为大家详细介绍了HTML5实现拖拉上传文件功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • JS数组去重(4种方法)

    JS数组去重(4种方法)

    本文主要介绍了JS数组去重的4种方法。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • javascript先序遍历DOM树的方法

    javascript先序遍历DOM树的方法

    这篇文章主要介绍了5种javascript先序遍历DOM树的方法,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 微信小程序如何获取用户头像和昵称

    微信小程序如何获取用户头像和昵称

    这篇文章主要介绍了微信小程序如何获取用户头像和昵称,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09

最新评论