EXT提交服務器的三種方式

1. EXT提交服務器的三種方式
a: EXT的form表單ajax提交（默認提交方式）

相對單獨的ajax提交來說優點在於能省略寫參數數組
將按鈕添加單擊事件，執行以下方法
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;
}
}


b:EXT表單的非ajax提交

在表單需加入下列代碼

//實現非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();
},

c:EXT的ajax提交

Ext.Ajax.request({
//請求地址
url: 'login.do',
//提交參數組
params: {
LoginName:Ext.get('LoginName').dom.value,
LoginPassword:Ext.get('LoginPassword').dom.value
},
//成功時回調
success: function(response, options) {
//獲取響應的json字符串
var responseArray = Ext.util.JSON.decode(response.responseText);
if(responseArray.success==true){
Ext.Msg.alert('恭喜','您已成功登錄！');
}else{
Ext.Msg.alert('失敗','登錄失敗，請重新登錄');
}
}
});

2. 利用viewport佈局左邊區域系統菜單跳轉兩種方式
1，使用Ext.get('centerPanel').load(url:"aaa.jsp");url爲必選參數還有其他可選參數 請參見api文檔。缺點，加入的頁面js無效
2，使用iframe，具體js代碼
Ext.get('centerPanel').dom.innerHTML='< i f r a m e src=aaa.jsp>< / i f r a m e >';
優 點可以在載入的頁面動態加載js腳本（推薦使用）