ExtJS中Ext.Ajax.request与form1.getForm().submit的基本区别

最新推荐文章于 2026-01-05 14:12:17 发布

转载最新推荐文章于 2026-01-05 14:12:17 发布 · 8.3k 阅读

文章标签：

#extjs #function #action #json #ajax #url

ExtJs 专栏收录该内容

14 篇文章

订阅专栏

本文对比了Ext.Ajax.request与form1.getForm().submit两种ExtJS中的Ajax提交方式，详细解析了它们的使用场景及参数区别，并通过具体示例说明了如何在实际开发过程中选择适合的方法。

相同点：都属于Ajax提交方式！不同点：Ext.Ajax.request是Ext.data.connection的一个实例 form1.getForm().submit是BasicForm的一个实现方式使用上的区别： 1.form1.getForm().submit常用在表单提交的时候，就是说要提交页面数据，比如新增和修改数据页面 2.Ext.Ajax.request常用在根据参数提交的时候，比如删除，我们把页面选中的ID进行遍历，封装在一个Array中，作为一个参数做Ajax的提交例子：首先是form1.getForm().submit的例子： function formSubmit(){ if (form1.getForm().isValid()) { form1.getForm().submit({ waitTitle : '提示',//标题 waitMsg : '正在提交数据请稍后...',//提示信息 url : 'eidtBooktype.action', method : 'post', params : 'booktype', success : function(form, action) { var flag=action.result.msg; window.returnValue='SUCC'; Ext.Msg.alert('提示',flag,function(){ window.close(); }); }, failure : function(form,action) { var flag=action.result.msg; //返回值中定义msg，{msg:返回内容} Ext.Msg.alert('操作', flag); } }); } } 其次是一个Ext.Ajax.request的例子： Ext.Ajax.request({ url : 'deleteBooktypes.action', method : 'post', params : {delids:deleteids.toString()}, success : function(form,action) { //alert(response.responseText); //返回的json值的字符串 var respText = Ext.util.JSON.decode(form.responseText); //吧字符串变为json格式 var msg=respText.msg; Ext.MessageBox.alert('提示',msg,function(){ bookTypeStore.reload(); }); }, failure : function(response,options) { var respText = Ext.util.JSON.decode(response.responseText); //吧字符串变为json格式 var msg=respText.msg; Ext.MessageBox.alert('提示',msg,function(){ bookTypeStore.reload(); }); } }); 使用是的区别：最明显就是success和failure时候function的参数啦！ Ext.Ajax.request的function(response,options)，option非常有用，用response.responseText获得返回参数，注意这个地方的response参数可以换成action form1.getForm().submit的function(form, action)，action很有用，用action.result.msg获得返回值还有个最明显区别是Ext.Ajax.request不可以用waitMsg，真是Ext的一个败笔呀！！！

摘自：http://hi.baidu.com/huahua035/blog/item/847f1f83857603af0df4d27f.html