三种EXT提交数据的方法【转】

1, EXT的form表单ajax提交（默认提交方式）

1.   1.  function login(item) { 
   
2.   2.           
   
3.   3.            if (validatorForm()) { 
   
4.   4.                // 登录时将登录按钮设为disabled，防止重复提交 
   
5.   5.                this.disabled = true; 
   
6.   6. 
   
7.   7.                // 第一个参数可以为submit和load 
   
8.   8.                formPanl.form.doAction('submit', { 
   
9.   9. 
   
10.   10.                    url : 'user.do?method=login', 
    
11.   11. 
    
12.   12.                    method : 'post', 
    
13.   13. 
    
14.   14.                    // 如果有表单以外的其它参数，可以加在这里。我这里暂时为空，也可以将下面这句省略 
    
15.   15.                        params : '', 
    
16.   16. 
    
17.   17.                        // 第一个参数是传入该表单，第二个是Ext.form.Action对象用来取得服务器端传过来的json数据 
    
18.   18.                        success : function(form, action) { 
    
19.   19. 
    
20.   20.                            Ext.Msg.alert('操作', action.result.data); 
    
21.   21.                            this.disabled = false; 
    
22.   22. 
    
23.   23.                        }, 
    
24.   24.                        failure : function(form, action) { 
    
25.   25. 
    
26.   26.                            Ext.Msg.alert('警告', '用户名或密码错误！'); 
    
27.   27.                            // 登录失败，将提交按钮重新设为可操作 
    
28.   28.                            this.disabled = false; 
    
29.   29. 
    
30.   30.                        } 
    
31.   31.                    }); 
    
32.   32.                this.disabled = false; 
    
33.   33.            } 
    
34.   34.        }
    

复制代码

2.EXT表单的非ajax提交

1. 1. //实现非AJAX提交表单一定要加下面的两行！ onSubmit : Ext.emptyFn, submit : function() {     
   
2. 2. //再次设定action的地址     
   
3. 3. this.getEl().dom.action ='user.do?method=login'; this.getEl().dom.method = 'post';     
   
4. 4. //提交submit     
   
5. 5.  this.getEl().dom.submit();     
   
6. 6. }, 
   

复制代码

3.EXT的ajax提交

1.   1. 
   
2.   2. 
   
3.   3. Ext.Ajax.request({ 
   
4.   4.                                        //请求地址 
   
5.   5.                      url: 'login.do', 
   
6.   6.                      //提交参数组 
   
7.   7.                      params: { 
   
8.   8.                          LoginName:Ext.get('LoginName').dom.value, 
   
9.   9.                          LoginPassword:Ext.get('LoginPassword').dom.value 
   
10.   10.                      }, 
    
11.   11.                      //成功时回调 
    
12.   12.                      success: function(response, options) { 
    
13.   13.                        //获取响应的json字符串 
    
14.   14.                        var responseArray = Ext.util.JSON.decode(response.responseText);                                               
    
15.   15.                            if(responseArray.success==true){ 
    
16.   16.                                Ext.Msg.alert('恭喜','您已成功登录！');     
    
17.   17.                            } 
    
18.   18.                            else{ 
    
19.   19.                                Ext.Msg.alert('失败','登录失败，请重新登录');     
    
20.   20.                            } 
    
21.   21.                    } 
    
22.   22.            }); 
    

复制代码