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模拟面向对象全解(二、类型与赋值)

    上次,我讲了有关类型区别和传递的问题,现在,我给大家在插上一点有关类型赋值的问题。
    2011-07-07
  • 关于vite + ts 找不到模块@/xxxx 或其相应的类型声明问题

    关于vite + ts 找不到模块@/xxxx 或其相应的类型声明问题

    这篇文章主要介绍了vite + ts 找不到模块@/xxxx 或其相应的类型声明,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-06-06
  • JavaScript实现给对象添加一个只读属性

    JavaScript实现给对象添加一个只读属性

    这篇文章主要为大家介绍了JavaScript如何给对象加一个只读属性,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • JS ES6异步解决方案

    JS ES6异步解决方案

    这篇文章主要介绍了JS ES6异步解决方案,对异步感兴趣的同学,可以参考下
    2021-04-04
  • 7个令人惊讶的JavaScript特性详解

    7个令人惊讶的JavaScript特性详解

    在学习ES6的过程中我碰到了几个特性,它们让我惊讶,其中大部分是关于 ES6 的特性但也有一部分是 ES3 特性,这些特性我以前从未用过,而现在我将开始使用它们,感兴趣的小伙伴可以跟着小编一起来学习
    2023-05-05
  • JavaScript与java语言有什么不同

    JavaScript与java语言有什么不同

    java和JavaScript是两个不同的语言。那么这两个语言有什么不同呢?下面小编通过本文给大家介绍下
    2016-09-09
  • JS动态生成年份和月份实例代码

    JS动态生成年份和月份实例代码

    本文给大家分享两段代码来通过js动态生成年份和月份功能,非常不错,具有参考借鉴价值,需要的朋友参考下
    2017-02-02
  • js实现电子时钟功能

    js实现电子时钟功能

    这篇文章主要为大家详细介绍了js实现电子时钟功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • 使用ECharts实现状态区间图

    使用ECharts实现状态区间图

    这篇文章主要为大家详细介绍了使用ECharts实现状态区间图,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • Object.defineproperty方法示例详解

    Object.defineproperty方法示例详解

    Object.defineproperty 的作用就是直接在一个对象上定义一个新属性,或者修改一个已经存在的属性,这篇文章主要介绍了Object.defineproperty方法,需要的朋友可以参考下
    2022-12-12

最新评论