使用Ext.Ajax.request提交數據的代碼如下(這段代碼在一個Js文件中,爲避免中文亂碼,js文件必須是utf-8編碼):
- <script type="text/javascript">
- Ext.Ajax.request({
- url:'http://localhost:8080/myapp/ExtHandler',//請求URL(JSP/Servlet)
- jsonData:Ext.util.JSON.encode(info),//JSON格式的參數,你還可以利用下面的params傳其它參數
- params:{action:'up'},//設置傳遞參數
- success: function(resp,opts) {//成功後的回調方法
- var respText = Ext.util.JSON.decode(resp.responseText); //解碼JSON格式數據爲一個對象
- Ext.Msg.alert('提示', respText.info);
- },
- failure: function(resp,opts) {//失敗
- var respText = Ext.util.JSON.decode(resp.responseText);
- Ext.Msg.alert('錯誤', respText.error);
- }
- });
- </script>
1、url:參數指定的是一個Java Servlet,
2、jsonData:參數提交JSON格式的數據到Servlet處理,你也可以提交其它參數,
3、params參數中定義;
4、success:然後根據服務器的處理結果Ext.Ajax調用相應成功或失敗的回調函數進行處理;
在Servlet中如何得到jsonData參數中定義的數據呢?看以下代碼:
- StringBuffer json = new StringBuffer();
- String line = null;
- try {
- BufferedReader reader = req.getReader();
- while ((line = reader.readLine()) != null) {
- //讀取jsonData中定義的數據
- json.append(line);
- }
- } catch (Exception e) {
- }
服務端處理數據成功,設置返回信息:
- //success回調函數將調用執行,輸出respText.info信息
- rsp.setContentType("text/json; charset=utf-8");
- rsp.getWriter().write(
- "{success:true,info:'更新信息成功'}"+",");
服務器端處理數據失敗,設置返回信息:
- rsp.setContentType("text/json; charset=utf-8");
- rsp.getWriter().write(
- "{success:false,error:'更新信息失敗,原因爲:" + err + "'}");
- rsp.setStatus(HttpServletResponse.SC_EXPECTATION_FAILED); //設置失敗標識
- //failure回調函數將調用執行,輸出respText.error信息
折騰了一晚上,也沒弄明白爲什麼把success置了false,還是不執行failure,或者把failure置爲true,也還是不執行。
早上到晚上一看,原來ajax中的success或是failure和那個沒關係,只要執行中response返回的status爲200,都是會執行success裏面的函數的,
只有通過下面代碼設置status狀態後,纔會執行failure
//response.setStatus(500);
Sample2:
- <script type="text/javascript">
- Ext.onReady(function(){
- Ext.Msg.confirm("record!","OYE",function(btn){
- if(btn=="yes"){
- var rs = new Ext.data.Record({id:"1",name:"aaa"});
- Ext.Ajax.request({
- params:rs.data,
- url:"rs.jsp",
- method:"post",
- success:function(resp){
- var res = resp.responseText;
- Ext.Msg.alert("attention","Success! /""+res+"/"");
- },
- failure:function(){
- Ext.Msg.alert("attention","Failure!");
- }
- });
- }
- });
- });
- </script>
html代碼:
- <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
- <html><head><title>TITLE</title></head><body>
- <%
- String id = request.getParameter("id");
- String name = request.getParameter("name");
- out.println("id = "+id+" and name = "+name);
- String date = new Date().toString();
- out.print(date);
- %>
- </body></html>