EXT两种提交数据方式的不同

现在主要用到两种提交方式，一种是form.submit

例如：

 

var fp = new Ext.form.FormPanel({...buttons: [{ text: 'Save', formBind: true, handler: function(){ if(fp.getForm().isValid()){ fp.getForm().submit({ url: 'form-submit.php', waitMsg: 'Submitting your data...', success: function(form, action){ // server responded with success = true var result = action.result; }, failure: function(form, action){ if (action.failureType === Ext.form.Action.CONNECT_FAILURE) { Ext.Msg.alert('Error', 'Status:'+action.response.status+': '+ action.response.statusText); } if (action.failureType === Ext.form.Action.SERVER_INVALID){ // server responded with success = false Ext.Msg.alert('Invalid', action.result.errormsg); } } }); } }},{ text: 'Reset', handler: function(){ fp.getForm().reset(); }}]

 

 

 

另一种是Ext.Ajax.request

例如：

Ext.Ajax.request({ url: 'ajax_demo/sample.json', success: function(response, opts) { var obj = Ext.decode(response.responseText); console.dir(obj); }, failure: function(response, opts) { console.log('server-side failure with status code ' + response.status); }});

 

 

这两种方式都会需要取服务端的返回值，但返回值格式与获取方式却不一样。

 

form.submit() 提交后执行success还是failure的函数是有服务端返回的success值决定。

例如：服务端执行操作成功后返回值格式形如{success:true}

         服务端执行操作失败后返回值格式形如{success:false,errors:{errormsg:'已存在同名文件夹'}。

 

 

但Ext.Ajax.request就不一样了，只有服务器端正常响应（不管业务逻辑）都是调用success处函数，当服务端响应超时等情况时才调用failure的函数。

 

 

而且两者的回调函数的参数也不一样，这两点折腾我半天，特此记录一下。