`

XMLHttpRequest对象的简单封装

阅读更多
	var Class = {
	 create: function() {
	  return function() {
	   this.initialize.apply(this, arguments);
	  };
	 }
	};
	var myXMLHttpRequest = Class.create();
	myXMLHttpRequest.prototype = {
		url : null,
		myRequest : null,
		callBack : null,
	 	initialize : function (urltp,callBack) {
			this.url = urltp;
			this.myRequest = false;
			this.callBack = callBack;
			if(!this.myRequest){
				try{
					//IE6.0的
	    			this.myRequest = new ActiveXObject("Msxml2.XMLHTTP");
	    			if(!this.myRequest){
	    				//其他的IE
	      	 			this.myRequest = new ActionXObject("Microsof.XMLHTTP");
	   	  			}
	   			}
	   			catch(e){
	   				//非IE浏览器
	       			this.myRequest = new XMLHttpRequest();
	   			}
			}
		},
		callSever : function (){
			if(this.myRequest){      
			    this.myRequest.open("GET",this.url,true);    
			    this.myRequest.onreadystatechange = this.callBack;
			    this.myRequest.send(null);
			}
		}
	};
	
	var test = new myXMLHttpRequest('data.jsp',callBack);
	function callBack (){
			//准备好了
		    if(test.myRequest.readyState==4) {
		        var response = test.myRequest.responseText;
		        alert(response);
		    }
	}
分享到:
评论

相关推荐

    XMLHttpRequest对象的介绍和实现

    为了更好地封装和管理XMLHttpRequest对象的操作,可以创建一个名为ServerAccessObject的模块。该模块应该包括以下功能: - **初始化XMLHttpRequest对象**。 - **发送请求**。 - **处理响应**。 - **错误处理**。 ...

    创建XMLHttpRequest对象

    ### 创建XMLHttpRequest对象 在现代Web开发中,异步JavaScript和XML(通常称为AJAX)是一种重要的技术,它允许网页在不重新加载整个页面的情况下与服务器进行数据交换。这一过程的核心在于`XMLHttpRequest`对象的...

    使用XMLHttpRequest对象.doc

    XMLHttpRequest对象是Ajax技术的核心,它允许Web应用程序在不刷新整个页面的情况下与服务器进行异步数据交换,从而实现页面的局部更新。这个对象在不同浏览器中的实现方式有所不同,最初由IE5作为ActiveX组件引入,...

    javascript对XMLHttpRequest异步请求的面向对象封装

    首先,`CallBackObject`构造函数初始化了一个`XmlHttp`属性,这是XMLHttpRequest对象的实例。在`GetHttpObject`方法中,代码通过条件语句实现了浏览器兼容性检查,创建了XMLHttpRequest对象。对于较旧的IE浏览器,它...

    asp.net ajax操作xmlHttpRequest对象返回的ResponseXML和ResponseText例子

    在ASP.NET AJAX中,通常会使用`Sys.Net.XMLHttpExecutor`类来封装XMLHttpRequest对象的操作。这个类提供了`executeRequest`方法,用于发送异步请求,并且在完成时触发回调函数,此时`ResponseXML`和`ResponseText`...

    自己用的简单封装AJAX类

    1. **AJAX基础概念**:介绍AJAX的基本原理,如XMLHttpRequest对象、异步请求、数据交换格式(XML、JSON等)。 2. **JavaScript事件驱动编程**:解释如何通过JavaScript监听和响应用户操作,触发AJAX请求。 3. **HTTP...

    简单封装Ajax

    【简单封装Ajax】这篇文章主要探讨的是如何在JavaScript中对原生的XMLHttpRequest对象进行简单的封装,以便于在实际开发中更方便地进行异步数据请求。在Web开发中,Ajax(Asynchronous JavaScript and XML)是一种...

    ajax使用XMLHttpRequest实现简单的信息验证

    这里我们关注的是如何使用XMLHttpRequest对象来实现一个简单的信息验证功能。 XMLHttpRequest是Ajax的核心组件,它提供了一种异步与服务器通信的方式。以下是一个基本的XMLHttpRequest的使用流程: 1. **创建实例*...

    简易封装Ajax.zip

    这个“简易封装Ajax.zip”文件包含了对Ajax进行简单封装的示例,通过`index.html`来展示调用,`myajax.js`作为封装的Ajax函数库,以及`getData.php`和`postData.php`作为服务器端处理数据的脚本。 首先,让我们详细...

    ajax代码及简单封装

    1. **XMLHttpRequest对象**:在AJAX中扮演着核心角色,负责发送请求和接收响应。 2. **open()方法**:用于设置请求方式(GET或POST)、URL地址以及是否异步。 3. **send()方法**:用于发送请求到服务器。 4. **...

    如何用ajax来创建一个XMLHttpRequest对象

    为了简化代码和提高可维护性,你可以将创建XMLHttpRequest对象的过程封装到一个单独的函数中,如`CreateHTTPObject()`所示: ```javascript function CreateHTTPObject() { var xmlhttp; try { xmlhttp = new ...

    GWT中的xmlHttpRequest

    GWT提供了对XHR的封装,使得开发者可以方便地使用JavaScript的XMLHttpRequest对象,而无需直接接触底层的JavaScript代码。在《GWT揭秘》一书的8.1节中,详细讲解了如何在GWT中使用XMLHttpRequest来请求动态数据。本...

    js ajax XMLHttpRequest的使用

    一旦实例化了XMLHttpRequest对象,你需要设置请求的类型(GET或POST)、URL以及是否异步执行。这通常在`open()`方法中完成: ```javascript xhr.open('GET', 'test.jsp', true); ``` 在发送请求前,可能需要设置...

    使用XMLHTTPRequest实现自定义ajax。javascript闭包模式写法。值的学习

    XMLHTTPRequest对象是实现Ajax的核心,它是JavaScript内置的一个对象,提供了与服务器进行异步通信的能力。本教程将深入讲解如何使用XMLHTTPRequest来实现自定义的Ajax请求,并探讨JavaScript的闭包模式。 首先,让...

    XMLHttpRequest中文参考手册

    创建一个XMLHttpRequest对象非常简单,只需要在JavaScript中声明一个变量并实例化即可: ```javascript var xhr = new XMLHttpRequest(); ``` ### 二、基本工作流程 1. **初始化**:创建XMLHttpRequest对象后,...

    原生js的AJAX封装以及实例展示.zip

    总的来说,原生JS的AJAX封装和实例展示了如何通过XMLHttpRequest对象与服务器进行交互,实现数据的动态加载和页面的无刷新更新,这对于构建交互性更强的Web应用至关重要。通过学习和实践这个例子,你可以更好地理解...

    Ajax异步处理封装

    1. 创建XMLHttpRequest对象:在所有支持Ajax的浏览器中,首先我们需要创建一个XMLHttpRequest对象,它是Ajax的核心,负责与服务器进行通信。 2. 发起HTTP请求:通过XMLHttpRequest对象的open()方法指定HTTP请求类型...

    MS的Ajax用(js)封装

    它包含了JavaScript库(通常称为`MicrosoftAjax.js`),这个库提供了许多实用的功能,如XMLHttpRequest对象的封装,以及方便的数据绑定和脚本管理工具。 ### 1. XMLHttpRequest 对象封装 在MS的Ajax库中,...

    ajaxTest 实用简单封装

    在JavaScript中,可以通过XMLHttpRequest对象的open和send方法来实现。封装一个简单的GET请求可以这样写: ```javascript function ajaxGet(url, callback) { var xhr = new XMLHttpRequest(); xhr....

    JavaScript封装Ajax

    1. **创建XMLHttpRequest对象**:这是Ajax的基础,几乎所有的浏览器都内置了XMLHttpRequest对象,用于与服务器进行通信。首先,我们需要创建一个XMLHttpRequest实例。 ```javascript var xhr = new XMLHttpRequest...

Global site tag (gtag.js) - Google Analytics