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


Posted in Javascript onNovember 21, 2013
//同步传输模式   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://3water.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="https://3water.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;   
    }  
}
Javascript 相关文章推荐
jQuery的三种$()
Dec 30 Javascript
jqgrid 简单学习笔记
May 03 Javascript
Javascript表格翻页效果实现思路及代码
Aug 23 Javascript
jQuery搜索子元素的方法
Feb 10 Javascript
JS实现3D图片旋转展示效果代码
Sep 22 Javascript
浅析angularJS中的ui-router和ng-grid模块
May 20 Javascript
touch.js 拖动、缩放、旋转 (鼠标手势)功能代码
Feb 04 Javascript
JS字符串false转boolean的方法(推荐)
Mar 08 Javascript
详解Angular2表单-模板驱动的表单(Template-Driven Forms)
Aug 04 Javascript
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
javascript实现左右缓动动画函数
Nov 25 Javascript
详解 TypeScript 枚举类型
Nov 02 Javascript
jquery与prototype框架的详细对比
Nov 21 #Javascript
Tab切换组件(选项卡功能)实例代码
Nov 21 #Javascript
JS仿百度搜索自动提示框匹配查询功能
Nov 21 #Javascript
探讨javascript是不是面向对象的语言
Nov 21 #Javascript
JS中把字符转成ASCII值的函数示例代码
Nov 21 #Javascript
Javascript对象属性方法汇总
Nov 21 #Javascript
获得Javascript对象属性个数的示例代码
Nov 21 #Javascript
You might like
利用php来自动调用不同服务器上的flash
2006/10/09 PHP
聊天室php&mysql(六)
2006/10/09 PHP
php获取某个目录大小的代码
2008/09/10 PHP
windows7下php开发环境搭建图文教程
2015/01/06 PHP
WordPress自定义时间显示格式
2015/03/27 PHP
在PHP中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
深入理解JavaScript系列(4) 立即调用的函数表达式
2012/01/15 Javascript
裁剪字符串trim()自定义改进版
2013/04/10 Javascript
js模仿jquery的写法示例代码
2013/06/16 Javascript
jCallout 轻松实现气泡提示功能
2013/09/22 Javascript
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
2013/11/21 Javascript
通过$(this)使用jQuery包装后的方法或属性
2014/05/18 Javascript
探讨跨域请求资源的几种方式(总结)
2016/12/02 Javascript
vue如何获取点击事件源的方法
2017/08/10 Javascript
vue绑定class与行间样式style详解
2017/08/16 Javascript
Js利用Canvas实现图片压缩功能
2017/09/13 Javascript
详解vuex的简单使用
2018/03/12 Javascript
JavaScript同源策略和跨域访问实例详解
2018/04/03 Javascript
vue+vuex+json-seiver实现数据展示+分页功能
2019/04/11 Javascript
ES6顶层对象、global对象实例分析
2019/06/14 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
js面向对象方式实现拖拽效果
2021/03/03 Javascript
[20:46]Ti4循环赛第三日VG vs DK
2014/07/12 DOTA
[01:04]DOTA2:伟大的Roshan雕塑震撼来临
2015/01/30 DOTA
Python实现Windows上气泡提醒效果的方法
2015/06/03 Python
教你用一行Python代码实现并行任务(附代码)
2018/02/02 Python
使用python把xmind转换成excel测试用例的实现代码
2020/10/12 Python
小程序canvas中文字设置居中锚点
2019/04/16 HTML / CSS
Java面试题:Java类的Main方法如果是Private将会怎么样
2016/08/18 面试题
学历公证委托书
2014/04/09 职场文书
产品开发计划书
2014/04/27 职场文书
企业诚信承诺书
2014/05/23 职场文书
教师业务学习材料
2014/12/16 职场文书
工作检讨书怎么写
2015/01/23 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书
SpringBoot2零基础到精通之异常处理与web原生组件注入
2022/03/22 Java/Android