Ext.Ajax.request与form.submit的用法区别

相同点:都属于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的例子:

  1. function formSubmit(){  
  2.    if (form1.getForm().isValid()) {  
  3.     form1.getForm().submit({  
  4.      waitTitle : '提示',//标题  
  5.      waitMsg : '正在提交数据请稍后...',//提示信息  
  6.      url : 'eidtBooktype.action',  
  7.      method : 'post',  
  8.      params : 'booktype',  
  9.      success : function(form, action) {  
  10.       var flag=action.result.msg;  
  11.       window.returnValue='SUCC';   
  12.       Ext.Msg.alert('提示',flag,function(){  
  13.        window.close();  
  14.       });  
  15.      },  
  16.      failure : function(form,action) {  
  17.       var flag=action.result.msg;  
  18.       Ext.Msg.alert('操作', flag);  
  19.      }  
  20.     });  
  21.    }  

其次是一个Ext.Ajax.request的例子:

  1. Ext.Ajax.request({  
  2.          url : 'deleteBooktypes.action',  
  3.         method : 'post',  
  4.         params : {delids:deleteids.toString()},  
  5.         success : function(form,action) {  
  6.          //alert(response.responseText); //返回的json值的字符串  
  7.          var respText = Ext.util.JSON.decode(form.responseText); 
  8. //吧字符串变为json格式  
  9.          var msg=respText.msg;  
  10.          Ext.MessageBox.alert('提示',msg,function(){  
  11.           bookTypeStore.reload();  
  12.          });  
  13.         },  
  14.         failure : function(response,options) {  
  15.          var respText = Ext.util.JSON.decode(response.responseText); 
  16. //吧字符串变为json格式  
  17.          var msg=respText.msg;  
  18.          Ext.MessageBox.alert('提示',msg,function(){  
  19.           bookTypeStore.reload();  
  20.          });  
  21.         }  
  22.        }); 

使用是的区别:

最明显就是success和failure时候function的参数啦!

Ext.Ajax.request的function(response,options),option非常有用,用response.responseText获得返回参数,注意这个地方的response参数可以换成action

form1.getForm().submit的function(form, action),action很有用,用action.result.msg获得返回值

  1. /*
  2. 服务器回传数据格式:
  3. {
  4.      success:true,
  5.      data:[{id:1, name:'A'},{id:2, name:'B'}]
  6. }
  7. */ 

posted on 2011-08-29 16:35  BarneyZhang  阅读(3000)  评论(0编辑  收藏  举报

导航