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插件 cluetip 关键词注释
Jan 12 Javascript
JavaScript cookie的设置获取删除详解
Feb 11 Javascript
js面向对象编程之如何实现方法重载
Jul 02 Javascript
javascript基于DOM实现省市级联下拉框的方法
May 14 Javascript
javascript数组排序汇总
Jul 07 Javascript
jQuery实现自定义checkbox和radio样式
Jul 13 Javascript
jQuery实现类似老虎机滚动抽奖效果
Aug 06 Javascript
vue.js移动端tab组件的封装实践实例
Jun 30 Javascript
Koa2微信公众号开发之消息管理
May 16 Javascript
vue服务端渲染添加缓存的方法
Sep 18 Javascript
es6函数之严格模式用法实例分析
Mar 17 Javascript
微信小程序后端无法保持session的原因及解决办法问题
Mar 20 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代码的53条建议
2008/03/27 PHP
PHP学习笔记 (1) 环境配置与代码调试
2011/06/19 PHP
php实现转换ubb代码的方法
2015/06/18 PHP
PHP的Yii框架中移除组件所绑定的行为的方法
2016/03/18 PHP
YII2框架中使用yii.js实现的post请求
2017/04/09 PHP
JavaScript单元测试ABC
2012/04/12 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
2013/02/22 Javascript
Javascript排序算法之计数排序的实例
2014/04/05 Javascript
jquery实现键盘左右翻页特效
2015/04/30 Javascript
详解AngularJS中的表达式使用
2015/06/16 Javascript
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
2016/11/09 Javascript
详解nodeJS之二进制buffer对象
2017/06/03 NodeJs
详细分析JS函数去抖和节流
2017/12/05 Javascript
微信小程序单选radio及多选checkbox按钮用法示例
2019/04/30 Javascript
WEB前端性能优化的7大手段详解
2020/02/04 Javascript
python中类和实例如何绑定属性与方法示例详解
2017/08/18 Python
Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法
2017/09/08 Python
解决Django数据库makemigrations有变化但是migrate时未变动问题
2018/05/30 Python
Python3.5字符串常用操作实例详解
2019/05/01 Python
Python处理时间日期坐标轴过程详解
2019/06/25 Python
python 同时读取多个文件的例子
2019/07/16 Python
Python编程学习之如何判断3个数的大小
2019/08/07 Python
python 实现方阵的对角线遍历示例
2019/11/29 Python
python实现无边框进度条的实例代码
2020/12/30 Python
世界上最大的隐形眼镜商店:1-800 Contacts
2018/11/03 全球购物
Roxy荷兰官方网站:冲浪、滑雪板、服装和配件
2019/10/22 全球购物
哥伦比亚加拿大官网:Columbia Sportswear Canada
2020/09/07 全球购物
什么是Oracle的后台进程background processes?都有哪些后台进程?
2012/04/26 面试题
先进个人事迹材料
2014/01/25 职场文书
暑期研修感言
2014/02/17 职场文书
大学生两会精神学习心得体会
2014/03/10 职场文书
财务科长个人对照检查材料
2014/09/18 职场文书
golang通过递归遍历生成树状结构的操作
2021/04/28 Golang
MySQL数据库10秒内插入百万条数据的实现
2021/11/01 MySQL
VUE之图片Base64编码使用ElementUI组件上传
2022/04/09 Vue.js
Android开发手册Chip监听及ChipGroup监听
2022/06/10 Java/Android