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 相关文章推荐
JavaScript开发规范要求(规范化代码)
Aug 16 Javascript
关于JavaScript中的关联数组分析
Apr 09 Javascript
基于javascript 闭包基础分享
Jul 10 Javascript
原生javascript实现DIV拖拽并计算重复面积
Jan 02 Javascript
Jquery实现$.fn.extend和$.extend函数
Apr 14 Javascript
Bootstrap每天必学之按钮(Button)插件
Apr 25 Javascript
js原型链与继承解析(初体验)
May 09 Javascript
AngularJS实现动态编译添加到dom中的方法
Nov 04 Javascript
微信小程序中顶部导航栏的实现代码
Mar 30 Javascript
JavaScript中各数制转换全面总结
Aug 21 Javascript
解决bootstrap-select 动态加载数据不显示的问题
Aug 10 Javascript
js实现弹幕墙效果
Dec 10 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
为什么夜间收到的中波电台比白天多
2021/03/01 无线电
比较简单的百度网盘文件直链PHP代码
2013/03/24 PHP
Symfony2在Nginx下的配置方法图文教程
2016/02/04 PHP
PHP读取大文件的多种方法介绍
2016/04/04 PHP
Laravel4中的Validator验证扩展用法详解
2016/07/26 PHP
深入学习jQuery Validate表单验证
2016/01/18 Javascript
jquery对象和DOM对象的任意相互转换
2016/02/21 Javascript
JavaScript开发者必备的10个Sublime Text插件
2016/02/27 Javascript
如何使用jquery实现文字上下滚动效果
2016/10/12 Javascript
VueJs路由跳转——vue-router的使用详解
2017/01/10 Javascript
js 动态生成html 触发事件传参字符转义的实例
2017/02/14 Javascript
vue2.0中goods选购栏滚动算法的实现代码
2017/05/17 Javascript
vue自定v-model实现表单数据双向绑定问题
2018/09/03 Javascript
小程序hover-class点击态效果实现
2019/02/26 Javascript
Node.js+Express+Mysql 实现增删改查
2019/04/03 Javascript
vue.js表单验证插件(vee-validate)的使用教程详解
2019/05/23 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
2019/09/26 Javascript
KnockoutJS数组比较算法实例详解
2019/11/25 Javascript
JS表格的动态操作完整示例
2020/01/13 Javascript
JavaScript装饰者模式原理与用法实例详解
2020/03/09 Javascript
Python嵌套列表转一维的方法(压平嵌套列表)
2018/07/03 Python
详解Python利用random生成一个列表内的随机数
2019/08/21 Python
python实现横向拼接图片
2020/03/23 Python
纯css3实现图片翻牌特效
2015/03/10 HTML / CSS
HTMl5的存储方式sessionStorage和localStorage详解
2014/03/18 HTML / CSS
STUBHUB日本:购买和出售全球活动门票
2018/07/01 全球购物
匡威爱尔兰官网:Converse爱尔兰
2019/06/09 全球购物
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
事业单位聘任报告
2015/03/02 职场文书
2015年城乡环境综合治理工作总结
2015/07/24 职场文书
关于远足的感想
2015/08/10 职场文书
医学会议开幕词
2016/03/03 职场文书
PyQt5 显示超清高分辨率图片的方法
2021/04/11 Python
详解用Python把PDF转为Word方法总结
2021/04/27 Python
CSS3实现的侧滑菜单
2021/04/27 HTML / CSS
解决vue中provide inject的响应式监听
2022/04/19 Vue.js