本文目錄一覽:
- 1、剛學Extjs 請教怎麼用Extjs與Java後台交互,,比如簡單的登錄
- 2、java extjs怎麼實現頁面值的傳遞和接受
- 3、前台用extjs的form 上傳文件 請問後台用java如何處理
- 4、EXTJs與java後台怎麼交互
- 5、extjs 與java程序數據交互
- 6、關於Extjs的前後台傳輸
剛學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程序,實現與數據庫交互所需功能。
java extjs怎麼實現頁面值的傳遞和接受
extjs傳參和用什麼語言做後台處理沒關係,用以下方法傳值過去,然後用相應語言接收參數的方法正常接收就行了,
1.ajax方法傳值:
Ext.Ajax.request({
url:’DoAction.jsp?method=add’,
params:{UserName:’張三’,Gender:’男’},//參數列表
callback:function(options,success,response){//回調函數
if(success){
alert(response.responseText);//返回數據
}
}
})
2.表單傳值
定義一個Ext.form.FormPanel,(後台接收參數的名稱是表單各元素的id)
var ItemForm = new Ext.form.FormPanel({…..})
然後用ItemForm.getForm().submit提交表單:
ItemForm.getForm().submit({
waitMsg:’正在保存數據,請稍候…’,
waitTitle:’提示’,
method:’POST’,
url:’DataAction.jsp?method=save’,
params:{UserName:’張三’,Gender:’男’},
success:function(form,action){
//do something here
},
failure:function(form,action){
Ext.Msg.alert(‘提示’,’保存失敗。’);
}
})
前台用extjs的form 上傳文件 請問後台用java如何處理
java代碼中對文件上傳的處理可以參考struct的文件上傳,但是在返回處理結果時必須設置
response.setContentType(“text/HTML”);
否則文件上傳後,會出現一個下載對話框;
var formPanel = new Ext.FormPanel({ }) 中必須加入fileUpload:true;
否則不會實現文件上傳;而且ext對文件上傳時,不會將formPanel 中存在的參數進行提交~
EXTJs與java後台怎麼交互
通過ajax的調用呀。
ext里已經很好的封裝了ajax調用的類Ext.Ajax
比如
Ext.Ajax.request({
url:”../ajxrpc/logout.logout”,
method:”GET”,
success:function(B,C){
var D=Ext.util.JSON.decode(B.responseText);
if(D.success){
A.hide();
window.location.href = ‘./index.html’;
}
},
failure:function(B,C){
A.hide();
Ext.Msg.alert(“Error”,”Unable to Logout!”)
},
scope:this
})
extjs 與java程序數據交互
easy~~
js-java:
Ext.Ajax.request({
url: ‘foo.ajax’, //這個是你後台的controller, 用mvc 映射下就可以到後台的java了
success: someFn,
failure: otherFn,
headers: {
‘my-header’: ‘foo’
},
params: { foo: ‘bar’ } // 這個就是你傳回去的參數,這個就是json對象
});
java 後台接受 就用request.getParameter(“foo”)就能拿到了
一般會用org.json.JSONObject這個類來接受前台傳回來的json對象
JAVA-js
這個返回的東西很簡單。。就是String。
JSONObject jsonObject = new JSONObject();
response.setCharacterEncoding(“utf-8”);
jsonObject.put(“success”, true);
jsonObject.put(“logout”, true);
response.getWriter().write(jsonObject.toString());
關於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方法。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/189890.html