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对象的操作,可以创建一个名为ServerAccessObject的模块。该模块应该包括以下功能: - **初始化XMLHttpRequest对象**。 - **发送请求**。 - **处理响应**。 - **错误处理**。 ...
### 创建XMLHttpRequest对象 在现代Web开发中,异步JavaScript和XML(通常称为AJAX)是一种重要的技术,它允许网页在不重新加载整个页面的情况下与服务器进行数据交换。这一过程的核心在于`XMLHttpRequest`对象的...
XMLHttpRequest对象是Ajax技术的核心,它允许Web应用程序在不刷新整个页面的情况下与服务器进行异步数据交换,从而实现页面的局部更新。这个对象在不同浏览器中的实现方式有所不同,最初由IE5作为ActiveX组件引入,...
首先,`CallBackObject`构造函数初始化了一个`XmlHttp`属性,这是XMLHttpRequest对象的实例。在`GetHttpObject`方法中,代码通过条件语句实现了浏览器兼容性检查,创建了XMLHttpRequest对象。对于较旧的IE浏览器,它...
在ASP.NET AJAX中,通常会使用`Sys.Net.XMLHttpExecutor`类来封装XMLHttpRequest对象的操作。这个类提供了`executeRequest`方法,用于发送异步请求,并且在完成时触发回调函数,此时`ResponseXML`和`ResponseText`...
1. **AJAX基础概念**:介绍AJAX的基本原理,如XMLHttpRequest对象、异步请求、数据交换格式(XML、JSON等)。 2. **JavaScript事件驱动编程**:解释如何通过JavaScript监听和响应用户操作,触发AJAX请求。 3. **HTTP...
【简单封装Ajax】这篇文章主要探讨的是如何在JavaScript中对原生的XMLHttpRequest对象进行简单的封装,以便于在实际开发中更方便地进行异步数据请求。在Web开发中,Ajax(Asynchronous JavaScript and XML)是一种...
这里我们关注的是如何使用XMLHttpRequest对象来实现一个简单的信息验证功能。 XMLHttpRequest是Ajax的核心组件,它提供了一种异步与服务器通信的方式。以下是一个基本的XMLHttpRequest的使用流程: 1. **创建实例*...
这个“简易封装Ajax.zip”文件包含了对Ajax进行简单封装的示例,通过`index.html`来展示调用,`myajax.js`作为封装的Ajax函数库,以及`getData.php`和`postData.php`作为服务器端处理数据的脚本。 首先,让我们详细...
1. **XMLHttpRequest对象**:在AJAX中扮演着核心角色,负责发送请求和接收响应。 2. **open()方法**:用于设置请求方式(GET或POST)、URL地址以及是否异步。 3. **send()方法**:用于发送请求到服务器。 4. **...
为了简化代码和提高可维护性,你可以将创建XMLHttpRequest对象的过程封装到一个单独的函数中,如`CreateHTTPObject()`所示: ```javascript function CreateHTTPObject() { var xmlhttp; try { xmlhttp = new ...
GWT提供了对XHR的封装,使得开发者可以方便地使用JavaScript的XMLHttpRequest对象,而无需直接接触底层的JavaScript代码。在《GWT揭秘》一书的8.1节中,详细讲解了如何在GWT中使用XMLHttpRequest来请求动态数据。本...
一旦实例化了XMLHttpRequest对象,你需要设置请求的类型(GET或POST)、URL以及是否异步执行。这通常在`open()`方法中完成: ```javascript xhr.open('GET', 'test.jsp', true); ``` 在发送请求前,可能需要设置...
XMLHTTPRequest对象是实现Ajax的核心,它是JavaScript内置的一个对象,提供了与服务器进行异步通信的能力。本教程将深入讲解如何使用XMLHTTPRequest来实现自定义的Ajax请求,并探讨JavaScript的闭包模式。 首先,让...
创建一个XMLHttpRequest对象非常简单,只需要在JavaScript中声明一个变量并实例化即可: ```javascript var xhr = new XMLHttpRequest(); ``` ### 二、基本工作流程 1. **初始化**:创建XMLHttpRequest对象后,...
总的来说,原生JS的AJAX封装和实例展示了如何通过XMLHttpRequest对象与服务器进行交互,实现数据的动态加载和页面的无刷新更新,这对于构建交互性更强的Web应用至关重要。通过学习和实践这个例子,你可以更好地理解...
1. 创建XMLHttpRequest对象:在所有支持Ajax的浏览器中,首先我们需要创建一个XMLHttpRequest对象,它是Ajax的核心,负责与服务器进行通信。 2. 发起HTTP请求:通过XMLHttpRequest对象的open()方法指定HTTP请求类型...
它包含了JavaScript库(通常称为`MicrosoftAjax.js`),这个库提供了许多实用的功能,如XMLHttpRequest对象的封装,以及方便的数据绑定和脚本管理工具。 ### 1. XMLHttpRequest 对象封装 在MS的Ajax库中,...
在JavaScript中,可以通过XMLHttpRequest对象的open和send方法来实现。封装一个简单的GET请求可以这样写: ```javascript function ajaxGet(url, callback) { var xhr = new XMLHttpRequest(); xhr....
1. **创建XMLHttpRequest对象**:这是Ajax的基础,几乎所有的浏览器都内置了XMLHttpRequest对象,用于与服务器进行通信。首先,我们需要创建一个XMLHttpRequest实例。 ```javascript var xhr = new XMLHttpRequest...