javascript中AJAX用法实例分析


Posted in Javascript onJanuary 30, 2015

本文实例讲述了javascript中AJAX用法。分享给大家供大家参考。具体分析如下:

兼容地获得XMLHttpRequest对象:

var xhr = null; 
if(window.XMLHttpRequest){ //非IE浏览器 
  xhr = window.XMLHttpRequest; 
}else if(window.ActiveXObject){ //IE浏览器 
  try{   //高版本,受msxml3.dll+支持 
    xhr = new ActiveXObject("Msxml2.XMLHTTP"); 
  }catch(e){ 
    try{  // 低版本,msxml2.6以下版本使用 
     xhr = new ActiveXObject("Microsoft.XMLHTTP"); 
    }catch(e){ 
     alert("IE浏览器无法创建ActiveXObject对象!"); 
    } 
  } 
}

AJAX处理函数:

xhr.open("POST",url,true); 
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
xhr.onreadystatechange=stateChangeHandler; 
xhr.send(); //var name="clf"; xhr.send(name); 
function stateChangeHandler(){ 
  if(xhr.readystate==4&&xhr.status==200){ 
   var obj = document.getElementById("targetDiv"); 
  obj.innerHTML = xhr.responseText; 
  } 
}

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
js实现拉伸拖动iframe的具体代码
Aug 03 Javascript
JavaScript中switch判断容易犯错的一个细节
Aug 27 Javascript
javascript中callee与caller的区别分析
Apr 20 Javascript
如何在JS中实现相互转换XML和JSON
Jul 19 Javascript
Vue中的v-cloak使用解读
Mar 27 Javascript
Vue子组件向父组件通信与父组件调用子组件中的方法
Jun 22 Javascript
Bootstrap Table列宽拖动的方法
Aug 15 Javascript
从零开始学习搭建React脚手架项目
Aug 23 Javascript
vue element中axios下载文件(后端Python)
May 10 Javascript
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
Aug 20 Javascript
Node.js使用MongoDB的ObjectId作为查询条件的方法
Sep 10 Javascript
vue分页插件的使用方法
Dec 25 Javascript
JavaScript基础函数整理汇总
Jan 30 #Javascript
JS解析XML实例分析
Jan 30 #Javascript
javascript中键盘事件用法实例分析
Jan 30 #Javascript
javascript中cookie对象用法实例分析
Jan 30 #Javascript
javascript事件模型实例分析
Jan 30 #Javascript
JS是按值传递还是按引用传递
Jan 30 #Javascript
js实现鼠标悬浮给图片加边框的方法
Jan 30 #Javascript
You might like
Thinkphp模板中截取字符串函数简介
2014/06/17 PHP
Yii框架在页面输出执行sql语句以方便调试的实现方法
2014/12/24 PHP
ThinkPHP模板Volist标签嵌套循环输出多维数组的方法
2016/03/23 PHP
如何在PHP中读写文件
2020/09/07 PHP
HR vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
jquery 日期控件datepicker属性详细解析
2013/11/08 Javascript
javascript实现页面内关键词高亮显示代码
2014/04/03 Javascript
JQuery删除DOM节点的方法
2015/06/11 Javascript
javascript类型系统——日期Date对象全面了解
2016/07/13 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
2016/09/01 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
2016/12/15 Javascript
详解React native全局变量的使用(跨组件的通信)
2017/09/07 Javascript
解决layui中table异步数据请求不支持自定义返回数据格式的问题
2018/08/19 Javascript
vue数据操作之点击事件实现num加减功能示例
2019/01/19 Javascript
24个ES6方法解决JS实际开发问题(小结)
2020/05/31 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
2020/10/28 Javascript
微信小程序实现简单的select下拉框
2020/11/23 Javascript
Python内置数据类型详解
2014/08/18 Python
Python中使用装饰器和元编程实现结构体类实例
2015/01/28 Python
python中__call__内置函数用法实例
2015/06/04 Python
Python随机生成均匀分布在单位圆内的点代码示例
2017/11/13 Python
Python实现定时精度可调节的定时器
2018/04/15 Python
详解Python安装scrapy的正确姿势
2018/06/26 Python
TensorFlow Session会话控制&Variable变量详解
2018/07/30 Python
Django 对IP访问频率进行限制的例子
2019/08/30 Python
Python中类似于jquery的pyquery库用法分析
2019/12/02 Python
Python定义函数时参数有默认值问题解决
2019/12/19 Python
Python命名空间namespace及作用域原理解析
2020/06/05 Python
如何表示python中的相对路径
2020/07/08 Python
Python虚拟环境virtualenv创建及使用过程图解
2020/12/08 Python
CSS3实现的闪烁跳跃进度条示例(附源码)
2013/08/19 HTML / CSS
CSS3动画:5种预载动画效果实例
2017/04/05 HTML / CSS
C#如何进行LDAP用户校验
2012/11/21 面试题
法律专业应届本科毕业生求职信
2013/10/25 职场文书
停电放假通知
2015/04/14 职场文书
vue3中provide && inject的使用
2021/07/01 Vue.js