EXT公共控件之带错误处理机制的AJAX类

这段时间有空把自己前段时间用EXT框架进行系统开发时的一些公共控件进行了整理，现在分别发布出来，今天发布的是对EXT框架中AJAX请求类的再次封装，加了各种错误处理机制及提示信息。详细的请见下面的代码。具体示例如下：

var ajax = new WebControl.AjaxRequest({

     commitUrl:loginAction,   //请求的后台处理地址

     commitParams:{username:'test',password:'test'}, //传给后台的参数

     callBackFn:loginOk   //AJAX请求异步调用的方法，为自己定义的方法。

});

 

其中WebControl.showErrMsg也是我自己封装的EXT提示窗口，专门用于错误提示。

 

WebControl.AjaxRequest = function(config){ this.commitUrl = config.commitUrl; this.commitParams = config.commitParams; this.callBackFn = config.callBackFn; Ext.Ajax.request({ url : this.commitUrl, params : this.commitParams, success:function(response, options){ var data = eval("("+ response.responseText+ ")"); if(!data.success){ WebControl.showErrMsg(data.errMsg); } if(this.callBackFn){ this.callBackFn(data.data,data.success); } }.createDelegate(this), failure: function(response, options){ switch (response.status){ case "403": //无权访问指定的资源 WebControl.showErrMsg("您无权访问您所请求的链接!"); break; case "404": //请求的地址或页面不存在 WebControl.showErrMsg("您所请求的链接不存在!"); break; case "500": //服务器端运行错误 WebControl.showErrMsg(response.responseText); break; case "0": //服务器已停止或未连接上服务器 WebControl.showErrMsg("服务器连接失败，请稍候重试！"); break; default: //其他未知错误 if(response.responseText!=""){ WebControl.showErrMsg(response.responseText); }else{ WebControl.showErrMsg("系统出现未知错误，请重新登录系统后重试！"); } break; } }.createDelegate(this) }); } WebControl.AjaxRequest = function(config){ this.commitUrl = config.commitUrl; this.commitParams = config.commitParams; this.callBackFn = config.callBackFn; Ext.Ajax.request({ url : this.commitUrl, params : this.commitParams, success:function(response, options){ var data = eval("("+ response.responseText+ ")"); if(!data.success){ WebControl.showErrMsg(data.errMsg); } if(this.callBackFn){ this.callBackFn(data.data,data.success); } }.createDelegate(this), failure: function(response, options){ switch (response.status){ case "403": //无权访问指定的资源 WebControl.showErrMsg("您无权访问您所请求的链接!"); break; case "404": //请求的地址或页面不存在 WebControl.showErrMsg("您所请求的链接不存在!"); break; case "500": //服务器端运行错误 WebControl.showErrMsg(response.responseText); break; case "0": //服务器已停止或未连接上服务器 WebControl.showErrMsg("服务器连接失败，请稍候重试！"); break;