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 相关文章推荐
location.href语句与火狐不兼容的问题
Jul 04 Javascript
Web 前端设计模式--Dom重构 提高显示性能
Oct 22 Javascript
jquery操作cookie插件分享
Jan 14 Javascript
javascript中的altKey 和 Event属性大全
Nov 06 Javascript
JavaScript的Backbone.js框架入门学习指引
May 07 Javascript
JS学习之表格的排序简单实例
May 16 Javascript
Summernote实现图片上传功能的简单方法
Jul 11 Javascript
详解用node-images 打造简易图片服务器
May 08 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
May 17 Javascript
JS中的BOM应用
Feb 02 Javascript
详解如何实现一个简单的 vuex
Feb 10 Javascript
Vue鼠标滚轮滚动切换路由效果的实现方法
Aug 04 Vue.js
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源代码
2009/08/21 PHP
关于svn冲突的解决方法
2013/06/21 PHP
PHP图像处理之imagecreate、imagedestroy函数介绍
2014/11/19 PHP
js 静态动态成员 and 信息的封装和隐藏
2011/05/29 Javascript
javascript快速排序算法详解
2014/09/17 Javascript
浅析javascript中函数声明和函数表达式的区别
2015/02/15 Javascript
JQUERY简单按钮轮换选中效果实现方法
2015/05/07 Javascript
jquery插件splitScren实现页面分屏切换模板特效
2015/06/16 Javascript
zepto与jquery的区别及zepto的不同使用8条小结
2016/07/28 Javascript
Javascript中常用的检测方法小结
2016/10/08 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
2016/10/27 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
2017/03/10 Javascript
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
2017/03/23 jQuery
详解基于 Nuxt 的 Vue.js 服务端渲染实践
2017/10/24 Javascript
JS实现点击下拉菜单把选择的内容同步到input输入框内的实例
2018/01/23 Javascript
详解Webpack-dev-server的proxy用法
2018/09/08 Javascript
使用Bootstrap做一个朝代历史表
2019/12/10 Javascript
Vue学习之组件用法实例详解
2020/01/06 Javascript
修改vue源码实现动态路由缓存的方法
2020/01/21 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
2020/09/22 Javascript
python3.5使用tkinter制作记事本
2016/06/20 Python
Python+Wordpress制作小说站
2017/04/14 Python
Python实现的爬虫功能代码
2017/06/24 Python
漂亮的Django Markdown富文本app插件的实现
2019/01/02 Python
python下的opencv画矩形和文字注释的实现方法
2019/07/09 Python
Django REST 异常处理详解
2020/07/15 Python
详解Python中string模块除去Str还剩下什么
2020/11/30 Python
一个不错的HTML5 Canvas多层点击事件监听实例
2014/04/29 HTML / CSS
ABOUT YOU匈牙利:500个最受欢迎的时尚品牌
2019/07/19 全球购物
衰败城市英国官网:Urban Decay英国
2020/04/29 全球购物
小溪流的歌教学反思
2014/02/13 职场文书
个人担保书格式范文
2014/05/12 职场文书
单位授权委托书范文
2014/08/02 职场文书
总结会主持词
2015/07/02 职场文书
windows安装python超详细图文教程
2021/05/21 Python
常用的文件对应的MIME类型汇总
2022/04/26 HTML / CSS