XMLHttpRequest对象如何兼容各浏览器使用?

什么是 XMLHttpRequest 对象?

XMLHttpRequest 对象用于在后台与服务器交换数据。
XMLHttpRequest 对象是开发者的梦想,因为您能够:
在不重新加载页面的情况下更新网页
在页面已加载后从服务器请求数据
在页面已加载后从服务器接收数据
在后台向服务器发送数据
所有现代的浏览器都支持 XMLHttpRequest 对象。

1、如何创建兼容良好的XMLHttpRequest 对象:

function createXmlRequest(){ 
    var xmlHttp;
	try{ 
        xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); 
    }catch(e){ 
        xmlHttp=new ActiveXObjec("Microsoft.XMLHTTP"); // 老版本的 Internet Explorer (IE5 和 IE6)
    }if(!xmlHttp && typeof XMLHttpRequest!=‘undefined‘){ 
        try{ 
            xmlHttp=new XMLHttpRequest(); 
        }catch(e){ 
            xmlHttp=false; 
        } 
    }
    return xmlHttp;
}

2、如何使用?以Struts为例:

var xhr = createXmlRequest();
var url = "checkImsiJt.do?startid="+startid+"&endid="+endid;
xhr.open("GET",url,true);
xhr.onreadystatechange = function(){
    if (xhr.readyState == 4 && xhr.status == 200) {
        var msg = xhr.responseText;
        // TOOD 响应后台输出结果
    }
};
xhr.send(null);

Struts的处理请求:

// 后台输出:
String result = "xxxx";
response.setContentType("text/html;charset=GBK");
response.getWriter().write(result);
时间: 2024-10-16 00:50:09

XMLHttpRequest对象如何兼容各浏览器使用?的相关文章

XMLHTTPRequest对象的创建与浏览器的兼容问题

MLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始. 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1): var xmlhttp=ActiveXobject("Msxml12.XMLHTTP");//较新的IE版本创建Msxml12.XMLHT

使用arguments对象处理兼容各浏览器的键盘按钮事件

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">项目要求按下回车时执行登录,由于IE和火狐等浏览器事件对象模型不同,几经考虑后采用该对象处理,废话不说看代码</span> <body onkeypress="keyPress();"> function keyPress(){ var pre

Ajax 对象创建 兼容各个浏览器 通用方法getHTTPObject.js

function getHTTPObject(){ if(typeof XMLHttpRequest == "undefined") XMLHttpRequest = function(){ try{return new ActiveXObject("Msxml2.XMLHTTP.6.0");} catch(e){} try {return new ActiveXObject("Msxml2.XMLHTTP.3.0");} catch(e){}

Ajax中的XMLHttpRequest对象详解(转)

XMLHttpRequest对象是Ajax技术的核心.在Internet Explorer 5中,XMLHttpRequest对象以ActiveX对象引入,被称之为XMLHTTP,它是一种支持异步请求的技术.后来Mozilla.Netscape.Safari.Firefox和其他浏览器也提供了XMLHttpRequest类,虽然这些浏览器都提供了XMLHttpRequest类,但它们创建XMLHttpRequest类的方法并不相同.XMLHttpRequest使我们可以使用JavaScript向

Ajax中的XMLHttpRequest对象详解

XMLHttpRequest对象是Ajax技术的核心.在Internet Explorer 5中,XMLHttpRequest对象以ActiveX对象引入,被称之为XMLHTTP,它是一种支持异步请求的技术.后来Mozilla.Netscape.Safari.Firefox和其他浏览器也提供了XMLHttpRequest类,虽然这些浏览器都提供了XMLHttpRequest类,但它们创建XMLHttpRequest类的方法并不相同.XMLHttpRequest使我们可以使用JavaScript向

【02】AJAX XMLHttpRequest对象

AJAX XMLHttpRequest对象 XMLHttpRequest 对象用于与服务器交换数据,能够在不重新加载整个网页(刷新)的情况下,对网页进行部分更新. XMLHttpRequest 对象是 AJAX 的基础,讲 AJAX ,大部分是在讲 XMLHttpRequest 对象. 所有现代浏览器(IE 7.0+.Chrome.FireFox.Opera.Safari)均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject). XMLHttpRequ

AJAX中的XMLHttpRequest对象

主要作用:在后台与服务器交换数据,这样就可以实现部分的更新数据,不需要重新的加载页面. 像所有的对象一样,XMLHttpRequest也有自己的属性和方法,这些属性和方法实现该对象的功能. XMLHttpRequest对象的使用分为五步 其中涉及到了很多该对象的属性和方法,我们来一步一步的看看 1.             创建 虽然XMLHttpRequest对象在所有的浏览器上都兼容,但是在不同的浏览器上的创建是不一样的. //1.创建XMLHttpRequest对象 if(window.X

添加和移除事件处理兼容各浏览器的封装(带详细注释)

//事件处理兼容各种浏览器,采用能力检测方法,所谓能力检测,就是有能力就做,没有能力就不做 //定义一个处理事件的对象,兼容各种浏览器,dom2级事件处理和ie事件,如果这两个事件都不兼容,就采用dom0级处理 var eventUtil ={ addEvent:function(element,type,handler){ if (element.addEventListener) { //非IE浏览器采用dom2级事件处理,type为事件类型如:click,handler为事件处理函数,fa

XMLHttpRequest 对象

XMLHttpRequest 对象 通过 XMLHttpRequest 对象,您可以在不重新加载整个页面的情况下更新网页中的某个部分. XMLHttpRequest 对象 XMLHttpRequest 对象用于幕后与服务器交换数据. XMLHttpRequest 对象是开发者的梦想,因为您可以: 在不重新加载页面的情况下更新网页 在页面已加载后从服务器请求数据 在页面已加载后从服务器接收数据 在后台向服务器发送数据 创建 XMLHttpRequest 对象 所有现代的浏览器(IE7+.Firef