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

   相同点:都属于Ajax提交方式! 
     
   不同点:Ext.Ajax.request是Ext.data.connection的一个实例 
   4.  
   5.               form1.getForm().submit是BasicForm的一个实现方式 
   6.  
   7. 使用上的区别: 
   8.  
   9. 1.form1.getForm().submit常用在表单提交的时候,就是说要提交页面数据,比如新增和修改数据页面 
  10.  
  11. 2.Ext.Ajax.request常用在根据参数提交的时候,比如删除,我们把页面选中的ID进行遍历,封装在一个Array中,作为一个参数做Ajax的提交 
  12.  
  13. 例子: 
  14.  
  15. 首先是form1.getForm().submit的例子: 
  16.  
  17. function formSubmit(){ 
  18.    if (form1.getForm().isValid()) { 
  19.     form1.getForm().submit({ 
  20.      waitTitle : '提示',//标题 
  21.      waitMsg : '正在提交数据请稍后...',//提示信息 
  22.      url : 'eidtBooktype.action', 
  23.      method : 'post', 
  24.      params : 'booktype', 
  25.      success : function(form, action) { 
  26.       var flag=action.result.msg; 
  27.       window.returnValue='SUCC'; 
  28.       Ext.Msg.alert('提示',flag,function(){ 
  29.        window.close(); 
  30.       }); 
  31.      }, 
  32.      failure : function(form,action) { 
  33.       var flag=action.result.msg; //返回值中定义msg,{msg:返回内容}
  34.       Ext.Msg.alert('操作', flag); 
  35.      } 
  36.     }); 
  37.    } 
  38. } 
  39.  
  40. 其次是一个Ext.Ajax.request的例子: 
  41.  
  42. Ext.Ajax.request({ 
  43.          url : 'deleteBooktypes.action', 
  44.         method : 'post', 
  45.         params : {delids:deleteids.toString()}, 
  46.         success : function(form,action) { 
  47.          //alert(response.responseText); //返回的json值的字符串 
  48.          var respText = Ext.util.JSON.decode(form.responseText); //吧字符串变为json格式 
  49.          var msg=respText.msg; 
  50.          Ext.MessageBox.alert('提示',msg,function(){ 
  51.           bookTypeStore.reload(); 
  52.          }); 
  53.         }, 
  54.         failure : function(response,options) { 
  55.          var respText = Ext.util.JSON.decode(response.responseText); //吧字符串变为json格式 
  56.          var msg=respText.msg; 
  57.          Ext.MessageBox.alert('提示',msg,function(){ 
  58.           bookTypeStore.reload(); 
  59.          }); 
  60.         } 
  61.        }); 
  62.  
  63. 使用是的区别: 
  64.  
  65. 最明显就是success和failure时候function的参数啦! 
  66.  
  67. Ext.Ajax.request的function(response,options),option非常有用,用response.responseText获得返回参数,注意这个地方的response参数可以换成action 
  68.  
  69. form1.getForm().submit的function(form, action),action很有用,用action.result.msg获得返回值 
  70.  
  71. 还有个最明显区别是Ext.Ajax.request不可以用waitMsg,真是Ext的一个败笔呀!!! 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值