extjs與後端的交互的簡單介紹

本文目錄一覽：

• 1、剛學Extjs 請教怎麼用Extjs與Java後台交互，，比如簡單的登錄
• 2、關於Extjs的前後台傳輸
• 3、EXTJS怎麼與後台數據交互的？我寫了一些代碼，後台用的SSH寫的。
• 4、extJs 中grid裏面有proxy，proxy中，怎麼獲取從後台讀取出來的數據？

剛學Extjs 請教怎麼用Extjs與Java後台交互，，比如簡單的登錄

簡單敘述：1.extjs編寫前台界面 ，同時向邏輯層發出請求（formpanel.form.doAction或者Ajax），比如：Ext.Ajax.request({

url:’logic_user.jsp’,

method:’post’,

params:{type:’VIEW’,id:editid},//傳遞id參數

success:successFn ,

failure:function(){

alert(‘服務器出現錯誤請稍後再試！’);

}

});

2.邏輯層接受前台傳來的參數，然後調用java方法，與數據庫交互。

3.編寫java程序，實現與數據庫交互所需功能。

關於Extjs的前後台傳輸

簡單說下：1.用Ext.getCmp(“id”).getValue();等方法獲得當前界面中你想傳遞到後台的值;

2.用formpanel.form.doAction(‘submit’,{

url:’logic.jsp’,

method:’post’,

params:{type:’QUERY’,id:id}, //把需傳到後台的數據放在這裡。

success : function(form,action){

if (action.result.msg==’ok’){

alert(‘已完成’);

}

};

failure : function(form,action){

alert( “提示:’服務器出現錯誤請稍後再試！”);

}});

或者Ext.Ajax.request()方法傳遞（效果是一樣的）

3.在logic.jsp文件里，接受從前台傳遞的數據(hashmap.put(“id”,request.getParameter(“id”)))

//hashmap,可以將數據以值對的形式放在hashmap中。

4. 在logic.jsp文件中調用java方法，與數據庫交互。

5.在method.java(就是自己寫的一個java文件)中寫在logic.jsp文件中調用的java方法。

EXTJS怎麼與後台數據交互的？我寫了一些代碼，後台用的SSH寫的。

指定到 jsp ,那個jsp 里肯定有默認的請求發送。這種寫法不是很普遍。 最普遍的是URL 直接寫入要訪問的服務器地址以及具體相對路徑。

這個要後台是GET 還是 POST ，查詢一般是 GET。

form.getForm().submit({

url:…….,

waitMsg:’加載中….’,

params:{

method:’login’

},

success:function(form, action){

//如果返回true則

Ext.MessageBox.alert(“info”,”登錄成功！”)

},

failure : function(form, action) {

Ext.MessageBox.alert(“info”,”登錄失敗！”)

}

});

//形式差不多就是這樣的。

extJs 中grid裏面有proxy，proxy中，怎麼獲取從後台讀取出來的數據？

獲取後台數據的話你可以考慮用jsonstore來跟後台進行交互的，然後grid裡邊有一個store來指定jsonstore，我覺得會比proxy要好用吧