<script>
//a继承b
function Extend(a,b){
for(var pro in b)
a[pro] = b[pro];
}
//ajax 类
function ajax(opts){
this.xhr = false;
//默认值
this.opts = {
method : "get",//请求方式
url : "",//请求地址
asynch : true ,//是否异步
callBack : function(xhr){},//用户的回调函数
content : null,//send()方法的参数
readyState : 4,//请求的状态,有5个可取值:0 = 未初始化,1 = 正在加载,2 = 已加载,3 = 交互中,4 = 完成
status : 200 //服务器的HTTP状态码(200对应OK,404对应Not Found(未找到),等等)
}
//赋值
Extend(this.opts,opts);
/*创建XHR对象*/
this.createXHR = function(){
if(window.XMLHttpRequest)
this.xhr = new XMLHttpRequest();
else if(window.ActiveXObject)
this.xhr = new ActiveXObject("Microsoft.XMLHTTP");
};
/*发送请求*/
this.doRequest = function(){
this.xhr.onreadystatechange = (function(ajaxer){
return function(){
ajaxer.realCall();
}
})(this);
this.xhr.open(this.opts.method,this.opts.url,this.opts.asynch);
this.xhr.send(this.opts.content);
};
/*真正的回调函数*/
this.realCall = function(){
if(this.xhr == null)
return;
if(this.xhr.readyState == this.opts.readyState)
{
if(this.xhr.status == this.opts.status)
{
this.opts.callBack(this.xhr);
}
}
};
this.createXHR();
this.doRequest();
}
//声明一个ajax参数所需要的参数
var getRelateds = {
method : "post",//请求方式
url : "related.xml",//请求地址
asynch : true ,//是否异步
callBack : function(xhr){document.write(xhr.responseText);},//用户的回调函数
content : null
};
//创建一个ajax实例..
var ajax1 = new ajax(getRelateds);
</script>
分享到:
相关推荐
这个“简易封装Ajax.zip”文件包含了对Ajax进行简单封装的示例,通过`index.html`来展示调用,`myajax.js`作为封装的Ajax函数库,以及`getData.php`和`postData.php`作为服务器端处理数据的脚本。 首先,让我们详细...
1. **Ajax.dll** - 这个文件很可能是封装了Ajax功能的.NET DLL库,它包含了一系列预定义的类和方法,可以被C#代码引用并调用,以实现异步通信和页面更新。 2. **AjaxGuide.doc** - 这可能是一个详细的指南文档,为...
而`ajax.dll`则是一个封装了Ajax功能的动态链接库文件,它为开发者提供了更简单的方式来实现Ajax通信。 **动态链接库(DLL)基础** DLL是Windows操作系统中的一个重要组件,它包含了一组可被多个程序同时使用的...
封装AJAX函数,我们可以创建一个通用的函数,接收URL、请求类型、回调函数等参数,使得在不同场景下可以重复使用。例如: ```javascript function ajax(url, type, callback) { var xhr = new XMLHttpRequest(); ...
通过ClientObject.cs、Method.cs等文件,我们可以看到它封装了AJAX通信的关键步骤,并提供了方便的方法管理和参数处理机制。使用这个库,开发者可以更加专注于业务逻辑,而不用过于关注底层的AJAX实现细节。
2. **创建XMLHttpRequest对象**:在JavaScript中,首先需要创建一个XMLHttpRequest对象,它是Ajax通信的基础。现代浏览器通常提供了`new XMLHttpRequest()`或`new window.XMLHttpRequest()`的构造函数来创建实例。 ...
这里提到的"JS封装的AJAX函数"是将AJAX的基本操作整合到一个或多个JavaScript函数中,以便开发者可以更方便地调用和使用。下面我们将详细探讨AJAX的基本概念、工作原理以及封装后的使用方法。 首先,AJAX的核心是...
1. **创建XMLHttpRequest对象**:这是Ajax的核心,用于与服务器进行异步通信。在MicrosoftAjax.js中,这个过程被封装在`Sys.Net.XMLHttpExecutor`类中,提供了创建和管理XMLHttpRequest对象的接口。 2. **定义请求...
5. AJAX与JSON结合的应用:如何在AJAX请求中使用JSON作为数据格式,实现高效的数据通信,提升用户体验。 6. 实战案例:可能包含一些示例代码或项目,演示如何在实际开发中运用这些技术,例如构建一个动态加载数据的...
**jQuery 封装Ajax** 在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于实现页面的异步更新,提升用户体验。jQuery库通过其简单易用的API,极大地简化了Ajax操作,使得开发者无需关注底层的...
Ajax Upload的核心是利用JavaScript的异步特性,通过XMLHttpRequest对象与服务器进行通信。它的工作流程如下: 1. 用户选择文件:用户在前端界面选择要上传的文件。 2. 创建XMLHttpRequest对象:JavaScript创建一个...
在EXTJS框架中,`Ext.Ajax.request`是进行异步AJAX通信的核心方法,它提供了与服务器端交互的能力,支持GET、POST等多种HTTP请求方式。这篇文章将深入探讨`Ext.Ajax.request`的使用,以及在实际应用中可能遇到的小...
总结,Ajaxdemo.zip中的示例可能演示了如何创建一个简单的Ajax请求,展示如何与服务器进行异步通信,动态更新页面内容,从而提升Web应用的交互性和效率。深入学习和理解Ajax技术,对于构建动态、交互性强的Web应用至...
#### 四、封装一个简单的Ajax请求 1. **创建Ajax对象**: - 可以使用`XMLHttpRequest`或`ActiveXObject`(IE兼容性)来创建Ajax对象。 2. **连接服务器**: - 使用`open`方法初始化请求,指定请求类型(GET或...
AjaxChat很可能使用JSON来封装聊天记录,便于前后端数据交换。 4. **DOM操作**:接收到服务器返回的聊天记录后,AjaxChat需要动态更新页面上的聊天窗口。这通常通过JavaScript对Document Object Model(DOM)的操作...
首先,我们来详细了解一下AJAX的核心组成部分: 1. **XMLHttpRequest对象**:这是AJAX的基础,它允许JavaScript在后台与服务器通信。在ASP中,可以通过创建XMLHttpRequest对象实例来发送HTTP请求;在JSP中,可以...
**AJAX(Asynchronous JavaScript and XML)** 并非单一的技术,而是一种使用JavaScript异步与服务器通信的技术手段。通过AJAX,网页可以在不重新加载整个页面的情况下更新部分内容,实现更加流畅的用户体验。AJAX的...
7. **库与框架支持**:为了简化开发,许多JavaScript库如jQuery、AngularJS、Vue.js等提供了封装好的Ajax接口,使得开发者能更方便地进行Ajax编程。 在实际应用中,"ajax.dll"和"ajaxpre.dll"可能被用来加速Web应用...
2. **Ajax与jQuery**:jQuery提供了方便的Ajax封装,如`$.ajax()`、`$.get()`和`$.post()`。 3. **Promise**:使用Promise处理异步请求,使代码更易读、更可控。 4. **Fetch API**:现代浏览器支持的新型API,提供了...
【简单封装Ajax】这篇文章主要探讨的是如何在JavaScript中对原生的XMLHttpRequest对象进行简单的封装,以便于在实际开发中更方便地进行异步数据请求。在Web开发中,Ajax(Asynchronous JavaScript and XML)是一种...