Ext Ajax:如何調用Ext.Ajax.request方法和使用Java Servlet進行處理 .

使用Ext.Ajax.request提交數據的代碼如下(這段代碼在一個Js文件中,爲避免中文亂碼,js文件必須是utf-8編碼): 

Javascript代碼 複製代碼
  1. <script type="text/javascript">   
  2. Ext.Ajax.request({   
  3.     url:'http://localhost:8080/myapp/ExtHandler',//請求URL(JSP/Servlet)   
  4.     jsonData:Ext.util.JSON.encode(info),//JSON格式的參數,你還可以利用下面的params傳其它參數  
  5.     params:{action:'up'},//設置傳遞參數  
  6.     success: function(resp,opts) {//成功後的回調方法  
  7.         var respText = Ext.util.JSON.decode(resp.responseText); //解碼JSON格式數據爲一個對象  
  8.         Ext.Msg.alert('提示', respText.info);   
  9.     },   
  10.   
  11.     failure: function(resp,opts) {//失敗  
  12.             var respText = Ext.util.JSON.decode(resp.responseText);   
  13.             Ext.Msg.alert('錯誤', respText.error);   
  14.     }   
  15.   
  16.    });   
  17.   
  18. </script>  


1、url:參數指定的是一個Java Servlet, 
2、jsonData:參數提交JSON格式的數據到Servlet處理,你也可以提交其它參數, 
3、params參數中定義; 
4、success:然後根據服務器的處理結果Ext.Ajax調用相應成功或失敗的回調函數進行處理; 

在Servlet中如何得到jsonData參數中定義的數據呢?看以下代碼: 

Java代碼 複製代碼
  1. StringBuffer json = new StringBuffer();     
  2.   
  3. String line = null;       
  4.   
  5. try {        
  6.   
  7.     BufferedReader reader = req.getReader();       
  8.   
  9.     while ((line = reader.readLine()) != null)  {   
  10.   
  11.             //讀取jsonData中定義的數據     
  12.   
  13.           json.append(line);       
  14.   
  15.     }   
  16.   
  17. catch (Exception e) {       
  18.   
  19. }     




服務端處理數據成功,設置返回信息: 

Java代碼 複製代碼
  1. //success回調函數將調用執行,輸出respText.info信息   
  2.   
  3. rsp.setContentType("text/json; charset=utf-8");   
  4.   
  5. rsp.getWriter().write(   
  6.         "{success:true,info:'更新信息成功'}"+",");   




服務器端處理數據失敗,設置返回信息: 

Java代碼 複製代碼
  1. rsp.setContentType("text/json; charset=utf-8");   
  2.   
  3. rsp.getWriter().write(   
  4.     "{success:false,error:'更新信息失敗,原因爲:" + err + "'}");   
  5. rsp.setStatus(HttpServletResponse.SC_EXPECTATION_FAILED);     //設置失敗標識  
  6.   
  7. //failure回調函數將調用執行,輸出respText.error信息  

折騰了一晚上,也沒弄明白爲什麼把success置了false,還是不執行failure,或者把failure置爲true,也還是不執行。

早上到晚上一看,原來ajax中的success或是failure和那個沒關係,只要執行中response返回的status爲200,都是會執行success裏面的函數的,

只有通過下面代碼設置status狀態後,纔會執行failure

//response.setStatus(500);

 

Ext.form.Action.Submit的配置選項success、failure是根據返回json中success屬性判斷的,如果success爲true,則success,false則failure,如果無json中無success屬性,failure,故要提示操作是否成功,必須要返回success屬性。

Ext.Ajax.request的配置選項
success、failure是
根據response的status屬性,即狀態碼決定的,200則爲success,404或500等則爲failure。




Sample2:

Java代碼 複製代碼
  1.  <script type="text/javascript">   
  2.     Ext.onReady(function(){   
  3.         Ext.Msg.confirm("record!","OYE",function(btn){   
  4.             if(btn=="yes"){   
  5.                 var rs = new Ext.data.Record({id:"1",name:"aaa"});   
  6.                 Ext.Ajax.request({   
  7.                     params:rs.data,   
  8.                     url:"rs.jsp",   
  9.                     method:"post",   
  10.                     success:function(resp){   
  11.                         var res = resp.responseText;   
  12.                         Ext.Msg.alert("attention","Success! /""+res+"/"");   
  13.                     },   
  14.                     failure:function(){   
  15.                         Ext.Msg.alert("attention","Failure!");   
  16.                     }   
  17.                 });   
  18.             }   
  19.         });   
  20.     });   
  21. </script>  



html代碼:

Html代碼 複製代碼
  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  
  2. <html><head><title>TITLE</title></head><body>  
  3. <%   
  4.  String id = request.getParameter("id");   
  5.  String name = request.getParameter("name");   
  6.  out.println("id = "+id+" and name = "+name);   
  7.  String date = new Date().toString();   
  8.  out.print(date);   
  9. %>  
  10.   
  11. </body></html>  
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章