EXT的form表单提交方式总结

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

Js代码

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

function login(item) { 
 
 if (validatorForm()) { 
 // 登录时将登录按钮设为disabled，防止重复提交 
 this.disabled = true; 
 
 // 第一个参数可以为submit和load 
 formPanl.form.doAction('submit', { 
 
 url : 'user.do?method=login', 
 
 method : 'post', 
 
 // 如果有表单以外的其它参数，可以加在这里。我这里暂时为空，也可以将下面这句省略 
 params : '', 
 
 // 第一个参数是传入该表单，第二个是Ext.form.Action对象用来取得服务器端传过来的json数据 
 success : function(form, action) { 
 
 Ext.Msg.alert('操作', action.result.data); 
 this.disabled = false; 
 
 }, 
 failure : function(form, action) { 
 
 Ext.Msg.alert('警告', '用户名或密码错误！'); 
 // 登录失败，将提交按钮重新设为可操作 
 this.disabled = false; 
 
 } 
 }); 
 this.disabled = false; 
 } 
 }

EXT表单的非ajax提交

Js代码

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

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

EXT的ajax提交

Js代码

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