/*-----------ajax-----------------------*/
/*============================================AJAX 对象==================================
* 作用:通过get或post的方式请求异步(同步)数据
* @param{string} url: 将要去请求的路径
* @param{function} callback: 回调函数,即请求成功时所做的操作,带一个参数:new XMLHttpRequest()的返回值
* @param{boolean} asyn: 是否异步调用,默认为true:异步,反之同步调用
* @param{number} timer: 请求失败时,隔timer时间重新请求一次
* @param{number} retrieval: 请求失败时,重新请求的次数,当为 -1 时,表示无数次
* @param{function} errorhandle: 请求失败时,所做的处理
*/
var objPool = [];
objPool[0] = createXMLHttpRequest();
objPool[1] = createXMLHttpRequest();
objPool[2] = createXMLHttpRequest();
objPool[3] = createXMLHttpRequest();
objPool[4] = createXMLHttpRequest();
objPool[5] = createXMLHttpRequest();
function AJAX_OBJ(url, callback, asyn, timer, retrieval, errorhandle){
this.num = 0;
this.url = url;
this.urlParameters = "";
this.callback = callback;
this.errorhandle = errorhandle || this.errorHandle;
this.timer = timer || 20000;
this.timeout = -1;
this.retrieval = retrieval || 1;
this.asyn = typeof asyn =="undefined"?true:asyn;
this.xmlHttp = this.getInstance();
this.backParam = null;
this.timerout;
}
//请求实例
AJAX_OBJ.prototype.getInstance = function(){
/*var xmlh = null;
xmlh = new XMLHttpRequest();
return xmlh;*/
for (var i = 0; i < objPool.length; i ++)
{
if ( objPool[i].readyState == 4||objPool[i].readyState == 0)
{
return objPool[i];
}
}
objPool[objPool.length] = createXMLHttpRequest();
return objPool[objPool.length - 1];
}
function createXMLHttpRequest(){
var xmlh = null;
if(window.XMLHttpRequest){
xmlh = new XMLHttpRequest();
}else if(window.ActiveXObject){
xmlh = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlh;
}
//用GET方式请求数据
AJAX_OBJ.prototype.requestData = function(){
var request_url = this.url + this.urlParameters;
var self = this;
this.xmlHttp.onreadystatechange = function(){
self.stateChanged();
};
this.xmlHttp.open("GET", request_url, this.asyn);
this.xmlHttp.send(null);
}
//用POST方式请求数据
AJAX_OBJ.prototype.requestDataPost = function() {
var self = this;
this.xmlHttp.onreadystatechange = function() {
self.stateChanged();
}
this.xmlHttp.open("POST", this.url, this.asyn);
this.xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
this.xmlHttp.setRequestHeader("Content-length", this.urlParameters.length);
this.xmlHttp.setRequestHeader("Connection", "close");
this.xmlHttp.send(this.urlParameters);
return 0;
}
//请求数据的处理
AJAX_OBJ.prototype.stateChanged = function(){
var self=this;
if(this.xmlHttp.readyState == 2) this.timerout=setTimeout(function(){self.check()}, this.timer);
if(this.xmlHttp.readyState == 4){
if(this.xmlHttp.status == 200){
clearTimeout(this.timerout);
if(this.backParam == null) this.callback(this.xmlHttp);
else this.callback(this.xmlHttp,this.backParam);
}
}
}
AJAX_OBJ.prototype.check = function(){
if(this.xmlHttp.readyState!=4||(this.xmlHttp.readyState==4&&this.xmlHttp.status!=200))
this.errorhandle(this.xmlHttp.status);
}
//请求失败的处理
AJAX_OBJ.prototype.errorHandle = function(params){
shsowTip("请求失败");
}
//参数的处理
AJAX_OBJ.prototype.addParameter = function(params,type){
this.type = typeof(type)=="undefined"?0:type;
if(this.type == 0){
if(params.length > 0){
this.urlParameters = "";
for(var i = 0; i < params.length; i++){
var curr_param = params[i];
if(i == 0) this.urlParameters += "?" + curr_param.name + "=" + curr_param.value;
else this.urlParameters += "&" + curr_param.name + "=" + curr_param.value;
}
}
}else if(this.type == 1){
this.urlParameters = params;
}
}
AJAX_OBJ.prototype.getText = function(){
return this.xmlHttp.responseText;
}
//执行responseText
AJAX_OBJ.prototype.evalText = function(){
return eval(this.xmlHttp.responseText);
}
分享到:
相关推荐
**标题解析:** "自己用的简单封装AJAX类" 指的是作者为了个人使用需求,编写了一个简化的AJAX处理类。AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,...
在本文中,我们将深入探讨如何在EMOS小程序1中定义全局路径和封装Ajax请求,以提高代码的可维护性和效率。 首先,我们要解决的是全局路径的定义。在大型项目中,URL路径的管理变得尤为重要,因为它涉及到各个接口的...
封装ajax与servlet通信的js类,欢迎指正
【标题】"封装ajax访问通用模板"涉及到的核心概念是JavaScript中的AJAX技术,这是一种在不刷新整个页面的情况下,与服务器交换数据并更新部分网页的技术。它通过创建XMLHttpRequest对象实现异步通信,使得用户可以与...
在这个“小程序使用es6封装ajax源码案例”中,我们将深入探讨如何利用ES6的Promise和模块化特性来优雅地实现Ajax请求,并将其应用到微信小程序的开发中。 首先,让我们理解一下核心概念: 1. **ES6**:这是...
Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。 通过在后台与服务器进行...
这个“简易封装Ajax.zip”文件包含了对Ajax进行简单封装的示例,通过`index.html`来展示调用,`myajax.js`作为封装的Ajax函数库,以及`getData.php`和`postData.php`作为服务器端处理数据的脚本。 首先,让我们详细...
这个“已封装Ajax操作类”显然提供了一种简化Ajax调用的方式,使得开发者可以更便捷地实现异步通信。以下是对这个主题的详细讲解: 首先,Ajax的核心在于XMLHttpRequest对象,这是一个浏览器内置的对象,它允许...
封装ajax上传通用类,方便使用,省去繁琐步骤.
**jQuery 封装Ajax** 在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于实现页面的异步更新,提升用户体验。jQuery库通过其简单易用的API,极大地简化了Ajax操作,使得开发者无需关注底层的...
本案例将探讨如何使用TypeScript来定义Ajax请求数据的接口,并展示如何进行ts封装ajax的过程。 首先,让我们了解什么是接口(Interface)。在TypeScript中,接口是一种抽象的类型定义,它描述了对象的形状,包括其...
【简单封装Ajax】这篇文章主要探讨的是如何在JavaScript中对原生的XMLHttpRequest对象进行简单的封装,以便于在实际开发中更方便地进行异步数据请求。在Web开发中,Ajax(Asynchronous JavaScript and XML)是一种...
封装ajax请求,对ajax的封装(ajax.js)
17-封装ajax.js
在这里,我们将探讨如何使用jQuery(JQ)封装AJAX源码来实现H5页面与微信授权头像的集成。 首先,理解H5的微信授权头像获取流程。当用户访问一个H5页面并点击“授权”按钮时,H5应用会通过微信的OAuth2.0授权机制...
在这篇关于jQuery进阶的文章中,作者详细讲解了如何使用jQuery进行一些高级操作,例如权限选择、表单验证、时间插件的使用、封装ajax以及实现三级联动等功能。以下是对文章内容知识点的详细解析: 1. jQuery基础...
在如今的前端开发中,处理Ajax请求是日常工作的一部分,而jQuery作为一个在前端领域广泛应用的库,封装Ajax请求可以提高代码的重用性和可维护性。easy-ajax是一个基于jQuery的封装工具,旨在简化和规范前端Ajax请求...
原生JS封装Ajax插件(同域、jsonp跨域)_.docx