牙龈萎缩可以手术治疗:Extjs submit 和ajax提交原理

使用Ext.Ajax.request提交数据的代码如下（这段代码在一个Js文件中，为避免中文乱码，js文件必须是utf-8编码）：

1.   
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.   

1、url：参数指定的是一个Java Servlet，
2、jsonData：参数提交JSON格式的数据到Servlet处理，你也可以提交其它参数，
3、params参数中定义；
4、success：然后根据服务器的处理结果Ext.Ajax调用相应成功或失败的回调函数进行处理；

在Servlet中如何得到jsonData参数中定义的数据呢？看以下代码：

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. }     

服务端处理数据成功，设置返回信息：

1. //success回调函数将调用执行，输出respText.info信息   
2.   
3. rsp.setContentType("text/json; charset=utf-8");   
4.   
5. rsp.getWriter().write(   
6.         "{success:true,info:'更新信息成功'}"+",");   

服务器端处理数据失败，设置返回信息：

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);

Sample2:

1.     
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.   

html代码：

1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  
2.   
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.