javascript中AJAX用法实例分析
更新时间：2015年01月30日 12:08:19 作者：冰河winner
这篇文章主要介绍了javascript中AJAX用法,实例分析了针对不同浏览器的Ajax使用技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
这篇文章主要介绍了微信小程序scroll-view点击项自动居中效果的实现代码，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-03-03
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
这篇文章主要介绍了Extjs4中tree的拖拽功能简单实例，有需要的朋友可以参考一下2013-12-12
这篇文章主要介绍了JS vs TS二分法博弈对比分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2024-01-01
这篇文章主要介绍了webpack3之loader全解析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题
这篇文章主要介绍了 Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题,需要的朋友可以参考下2017-02-02
这篇文章主要介绍了JavaScript删除指定子元素代码实例,本文给出了代码实例和实现代码解释,需要的朋友可以参考下2015-01-01
this是javascript的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。2015-09-09
这篇文章主要给大家介绍了关于微信小程序全局变量改变监听的实现方法，文中通过示例代码介绍的非常详细，对大家学习或者使用微信小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-07-07
这篇文章主要介绍了JS实现的简单拖拽功能,涉及javascript鼠标事件响应及页面元素属性动态操作相关技巧,需要的朋友可以参考下2017-03-03
JavaScript知识点总结(十一)之js中的Object类详解
这篇文章主要介绍了JavaScript知识点总结(十一)之js中的Object类详解的相关资料,需要的朋友可以参考下2016-05-05
最新评论