`
xiegangthrille
  • 浏览: 93905 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

完美兼容IE、FF、Opera的Ajax类支持get、post、自定义回调函数

阅读更多
function Ajax(){
	this.httpXML=false;
	this.init();
}
Ajax.prototype.init=function(){
	if(window.XMLHttpRequest){
		this.httpXML=new XMLHttpRequest(); 
		if (this.httpXML.overrideMimeType){
            this.httpXML.overrideMimeType("text/xml"); 
        }
	}else if(window.ActiveXObject){
		try{this.httpXML = new ActiveXObject("Msxml2.XMLHTTP");}catch (e){ 
             try{this.httpXML = new ActiveXObject("Microsoft.XMLHTTP");}catch (e){} 
        }
	}
	if(!this.httpXML){
		window.alert("can't create XMLHttpRequest object");
		return null;
	}
}
Ajax.prototype.send=function(_method,_url,_data,_callback){
    this.httpXML.onreadystatechange=function(){
        if(this.readyState==4&&this.status==200){
		    _callback.call(this,this.responseText);
	    }
    }
    
    if (_method.toLowerCase() == "get"){ 
         //if(navigator.userAgent.indexOf("MSIE")<=0){
         //     netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");
         //}
         this.httpXML.open(_method, _url, true); 
         this.httpXML.send(null); 
    }else if (_method.toLowerCase() == "post"){ 
         this.httpXML.open(_method, _url, true); 
         this.httpXML.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
         this.httpXML.send(_data); 
	} 
	
}

Ajax.prototype.callback=function(){
	 
}

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>完美兼容IE、FF、Opera浏览器</title>
    <script type="text/javascript" src="js/ajax.js"></script>
    <script type="text/javascript">
        function send(){
            ajax=new Ajax();
            ajax.send("get","listener/Hajax.ashx","post测试请求",ddd);
        }
        
        function ddd(data){
            alert(data);
        }
    </script>
</head>
<body>
    <button onclick="send()">测试</button>
</body>
</html>

 

分享到:
评论
1 楼 luogen33 2012-02-10  
  

相关推荐

    jquery&Ajax完美版详细介绍

    - **出色的浏览器兼容性:**兼容各种主流浏览器,包括但不限于IE6.0+, FF1.5+, Safari2.0+, Opera9.0+。 - **链式操作方式:**支持连续调用多个方法。 - **可扩展性强:**支持自定义插件,扩展功能。 **版本历史:*...

    JQuery学习总结

    - **跨浏览器兼容**:支持多种浏览器,包括IE6.0+,FF1.5+,Safari2.0+,Opera9.0+。 - **CSS和XPath选择器支持**:jQuery支持从CSS1到CSS3的选择器,也支持基本的XPath。 - **可扩展性**:用户可以方便地为...

    js实现对ajax请求面向对象的封装

    开发者可以简单地通过配置对象,指定URL、数据和回调函数来发起请求,并在相应的成功或失败的回调函数中处理业务逻辑。 通过面向对象的封装,AJAX请求的实现变得更加模块化和易于维护。使用对象字面量和函数作为...

    javascript 进阶篇3 Ajax 、JSON、 Prototype介绍

    8. **open()方法**:初始化请求,包括指定请求类型(GET、POST等)、URL和异步标志。 9. **send()方法**:发送HTTP请求,可以传递请求体数据。 10. **setRequestHeader()方法**:设置HTTP请求头,例如Content-Type,...

    什么是jquery --十分优秀的Javascrīpt框架

    它以其高效的性能、轻量级的体积(压缩后仅21K)和良好的浏览器兼容性(支持 IE6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+)著称。jQuery 的核心理念是“WRITE LESS, DO MORE”,意味着开发者可以用更少的代码实现更多...

    jquery简介

    它具有轻量级的特性,压缩后的库文件只有大约 21KB,同时它支持多种浏览器,包括 IE 6.0+、FF 1.5+、Safari 2.0+ 和 Opera 9.0+。 jQuery 的核心功能包括: 1. **选择器**:jQuery 使用类似于 CSS 的选择器语法,...

    jquery培训文档.ppt

    - jQuery 支持多种浏览器,包括 IE 6.0+、FF 1.5+、Safari 2.0+ 和 Opera 9.0+,确保了良好的跨浏览器兼容性。 - jQuery 包含不同版本,如压缩版和精简版,满足不同项目需求,最小压缩版只有 26.5KB。 2. **...

    jQuery.docx

    jQuery 以其轻量级、高性能和对多种浏览器的良好兼容性(包括 IE6.0+、FF 1.5+、Safari 2.0+ 和 Opera 9.0+)而受到开发者喜爱。 ### 一、找到你了! jQuery 使用 `$` 符号作为主要接口,不仅用于获取 DOM 元素,...

    jquery 常用操作整理 基础入门篇

    jQuery 兼容多种浏览器,包括 IE 6.0+、FF 1.5+、Safari 2.0+ 和 Opera 9.0+,并且具有轻量级的特点,压缩后体积小。 jQuery 的主要功能包括: 1. **选择器**:jQuery 使用类似于 CSS 的选择器语法来选取 DOM 元素...

Global site tag (gtag.js) - Google Analytics