/**
* Ajax封装
*/
var Ajax = function(){
this.isIE = !+ [ 1, ] ? true : false;
this.xmlHttpList = [];
};
Ajax.prototype = {
ajaxConnection : 0,
getXmlHttp : function( count ){
count = count != undefined ? count : 5;
var bool = this.xmlHttpList.length === 0,i;
var length = bool ? count : this.xmlHttpList.length;
for(i=0;i<length;i++){
if(bool){
this.xmlHttpList.push(this.isIE ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest());
}else{
if(this.ajaxConnection > length){//高并发时候,少了就添加连接
this.xmlHttpList.push(this.isIE ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest());
i = length;
break;
}
if(this.xmlHttpList[i].readyState === 0)break;
}
}
return this.xmlHttpList[ bool ? 0 : i ];
},
post : function(url,yesFun,noFun){
this.ajax("post",url,yesFun,noFun);
},
get : function(url,yesFun,noFun){
this.ajax("get",url,yesFun,noFun);
},
ajax : function(type,url,yesFun,noFun){
var xmlHttp = this.getXmlHttp();
xmlHttp.open(type, url, true);
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
if( yesFun && typeof yesFun === 'function' ){
yesFun( xmlHttp.responseText );
}
xmlHttp.abort();
Ajax.ajaxConnection --;
}else{
if (xmlHttp.readyState == 4 && xmlHttp.status != 200) {
if( noFun && typeof noFun === 'function' ){
noFun( xmlHttp.readyState );
}
xmlHttp.abort();
Ajax.ajaxConnection --;
}
}
};
xmlHttp.send(null);
}
};
//使用方法
var ajax = new Ajax();
ajax.post("?GchartID="+id,function(html){
alert(html);
},function(state){
alert("请求错误:"+state);
});
分享到:
相关推荐
Ajax封装则是将常见的Ajax操作进行模块化处理,方便开发者在项目中快速、高效地实现数据交互。本篇文章将深入探讨Ajax封装实例代码及其相关知识点。 首先,我们来看Ajax的核心原理:通过JavaScript创建...
提供完整的html5页面开发流程和开发方式,包括html5页面开发代码,含ajax封装方法,以及调用的方式
这个压缩包"原生js的AJAX封装以及实例展示.zip"包含了对AJAX的简单封装以及一个具体的增删改查(CRUD)操作实例,这将帮助我们深入理解如何在实际项目中应用AJAX。 首先,让我们了解一下AJAX的基本原理。AJAX的核心...
ajax技术封装表单的实例,完整代码,易看懂。用于学习ajax。
ajax封装数据原理详解,要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换,可以查看 processData选项。对象必须为key/...
对常用jquery的ajax函数进行封装,便于调用,会有不同错误的错误提醒
Ajax封装则是将Ajax交互过程中的多种操作整合到一个函数或对象中,以便于开发者更方便、高效地使用。这个“ax封装.rar”可能是一个自定义的JavaScript库或者模块,它对原生的Ajax功能进行了封装,提高了代码的可复用...
本话题将深入探讨“ajax封装的dll”,这是一种将Ajax功能封装到动态链接库(DLL)中的做法,使得开发者可以更方便地在项目中调用和利用Ajax功能。 首先,DLL(Dynamic Link Library)是Windows操作系统中的一种共享...
jQuery版Ajax封装.doc
这个“简单ajax封装小工具”可能是将常见的Ajax请求功能如GET、POST等进行了抽象和简化,方便开发者快速调用。通常,一个简单的Ajax封装可能包括以下组成部分: 1. **创建XMLHttpRequest对象**:这是Ajax的核心,...
Ajax封装** 为了减少代码重复,提高可维护性,通常会将Ajax请求封装成函数。以下是一个简单的Ajax函数封装示例: ```javascript function ajaxRequest(url, method, callback, data) { var xhr = new ...
在本项目中,"ajax封装报dwr" 提供了一种简便的方式来利用Ajax技术,通过DWR框架进行后端数据的异步请求和更新。 首先,我们来看DWR的核心概念: 1. **Engine(引擎)**:DWR引擎是整个框架的核心,负责处理所有的...
总结来说,AJAX封装函数是将复杂的HTTP请求过程简化为易于调用的函数,使得开发者能够更高效地实现异步通信。在实际开发中,这样的封装是非常常见的,它提高了代码的可读性和复用性,降低了开发难度。对于`right.js`...
ajax封装.js
对ajax基础的封装
本课程“04课 - JSON,XML,AJAX封装”旨在深入探讨这三种技术,并讲解如何有效地将它们整合到你的网页开发项目中。 **JSON(JavaScript Object Notation)** 是一种轻量级的数据交换格式,易于人阅读和编写,同时...
在网页开发中,"div+css web 对话框+ajax封装js文件" 是一个常见的技术组合,用于构建交互性更强的用户体验。以下是这些技术的详细解释: 1. **Div + CSS**:Div(Division)是HTML中的一个标签,用于创建网页布局...
**标题解析:** "自己用的简单封装AJAX类" 指的是作者为了个人使用需求,编写了一个简化的AJAX处理类。AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,...
这里的"一个Ajax封装实现"可能就是对`XMLHttpRequest`对象进行了抽象和简化,创建了一个易于使用的函数或类库。 **Ajax的基本流程**: 1. **创建XMLHttpRequest对象**:在所有现代浏览器中,都可以通过`new ...