javascript中AJAX用法实例分析
作者:bea
本文实例讲述了javascript中AJAX用法。分享给大家供大家参考。具体分析如下: 兼容地获得XMLHttpRequest对象: var xhr = null; if(window.XMLHttpRequest){ //非IE浏览器 xhr = window.XMLHttpRequest; }else if(window.ActiveXObject){ //IE浏览器 try{ //高版本,受msxml3.dll+支持 xhr = new Acti
本文实例讲述了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程序设计有所帮助。
猜你喜欢
您可能感兴趣的文章:
- jQuery+CSS3实现树叶飘落特效
- jquery实现勾选复选框触发事件给input赋值
- jQuery结合HTML5制作的爱心树表白动画
- jquery实现炫酷的叠加层自动切换特效
- JavaScript插件化开发教程(六)
- JavaScript插件化开发教程(五)
- 对JavaScript中this指针的新理解分享
- IE下支持文本框和密码框placeholder效果的JQuery插件分享
- 有效提高JavaScript执行效率的几点知识
- JavaScript日期时间与时间戳的转换函数分享
- JavaScript监听和禁用浏览器回车事件实例
- JavaScript编程中容易出BUG的几点小知识
- JavaScript实现的双向跨域插件分享
- JavaScript判断变量是否为空的自定义函数分享
- 分享两个手机访问pc网站自动跳转手机端网站代码
- js判断登录与否并确定跳转页面的方法
- jQuery知识点整理
- 浅谈jquery回调函数callback的使用
- jQuery修改class属性和CSS样式整理