1、一般分为“form的submit提交”、“单独Ajax提交”
formname.form.submit({
url : '',
method : 'POST',
waitMsg:'正在保存数据,请等待...',
success : function(form, action) {
},
failure : function(form, action) {
}
});
Ext.Ajax.request({
url : '',
method : 'POST',
success : function(result, request) {
},
failure : function(form, action) {
}
});
2、相关问题及解决方法
(1)问题点: 单独Ajax提交方式,只要能够提交到后台不管数据能否正确执行就回调success函数,如果网络有故障,或者页面有错误数据到不了后台,就执行failure函数。而我们一般要求是:数据处理成功后显示成功信息,失败后显示失败信息。
如:后台返回结果:
{success:true}
{success:false,errors:connect}
(2)解决:在js页面中的success函数中取得返回值,我们对返回值进行判断,如果success是true我门就打印成功信息,如果success是false我们就打印失败的提示。
(3)从后台取得返回值:var responseArray = Ext.util.JSON.decode(response.responseText);
说明:Ext.util.JSON.decode()功能是将json字符串转成对象。相反的还有encode是将对象转成json字符串。
(4)代码示例
handler: function() {
Ext.Msg.wait('处理中,请稍后...', '提示'); //进度条等待
Ext.Ajax.request({
async : false,//同步
url: 'upload/test.do',
success:function(response, options){
//隐藏进度条
Ext.Msg.hide();
//将json数据字符串转变为对象
var responseArray = Ext.util.JSON.decode(response.responseText);
//成功
if(responseArray.success==true){
Ext.example.msg('成功', ' 上传成功 ');
}else{
//失败的几种返回情况
if(responseArray.errors == 'connect')
Ext.MessageBox.show({title: '失败',msg: '连接中心服务器失败,请检查网络配置!',buttons: Ext.MessageBox.OK,icon: Ext.MessageBox.ERROR});
else if(responseArray.errors == 'server')
Ext.MessageBox.show({title: '失败',msg: '服务器错误,上传失败!',buttons: Ext.MessageBox.OK,icon: Ext.MessageBox.ERROR});
else
Ext.MessageBox.show({title: '失败',msg: '上传失败',buttons: Ext.MessageBox.OK,icon: Ext.MessageBox.ERROR});
}
},
failure:function(response,options){
Ext.Msg.hide();
Ext.MessageBox.show({title: '失败',msg: '上传失败',buttons: Ext.MessageBox.OK,icon: Ext.MessageBox.ERROR});
}
});
}
分享到:
相关推荐
ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 该文件含ext3.2.0压缩版,可直接运行哦...
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
extjs2----关于extjs 的使用,操作.比较初级,但是也比较使用。适合初步接触extjs的朋友
ExtJs学习资料47-完整的登录实例(非ajax提交).docExtJs学习资料47-完整的登录实例(非ajax提交).docExtJs学习资料47-完整的登录实例(非ajax提交).doc
ExtJS是一个Ajax框架,是一个用javascript写的,用于在客户端创建丰富多 彩的web应用程序界面。主要是企业信息化软件,网站后台等。ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写 的,主要用于...
ExtJS快速入门--传智播客--蔡世友
ExtJS----HelloWorld程序源码
Extjs4---combobox省市区三级联动+struts2
extjs in action 1-6章节 pdf extjs in action 1-6章节 pdf
Extjs4---grid的修改、删除功能---结合struts2、hibernate
extjs_4.1.0_community_extjs4-mvc-complex-dashboard
extJs2.0+spket-1.6.11.zip extJs2.0+spket-1.6.11.zip
EXTJS开发包ext-3.2.0 EXTJS开发包ext-3.2.0
ExtJs学习资料22-从服务器获取JSON数据并分页处理.doc
extjs-theme-bootstrap-master.zip
Extjs应用案例: 本酒店管理系统采用三层架构,SQL Server数据库。最主要的是采用了Extjs框架。 酒店系统实现了部分功能。aspx后台页面几乎无代码。业务逻辑处理全部采用Extjs自带的函数。对于学习Extjs的框架的...
ext基本的控件例子ext基本的控件例子ext基本的控件例子ext基本的控件例子
ExtJs-4.1.1a-gpl+中午手册+入门教程