Ext Ajax：如何调用Ext.Ajax.request方法和使用Java Servlet进行处理

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

1. Ext.Ajax.request({
2.                     url:'http://localhost:8080/myapp/ExtHandler,
3.                     jsonData:Ext.util.JSON.encode(info),
4.                     params:{action:'up'},
5.                     success: function(resp,opts) {
6.                             var respText = Ext.util.JSON.decode(resp.responseText);                     
7.                             Ext.Msg.alert('提示', respText.info);
8.                     },
9.                     failure: function(resp,opts) {
10.                             var respText = Ext.util.JSON.decode(resp.responseText);
11.                             Ext.Msg.alert('错误', respText.error);
12.                    }
13.    });

 

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

 

 

 

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

 

1. StringBuffer json = new StringBuffer();  
2. String line = null;    
3. try {     
4.     BufferedReader reader = req.getReader();    
5.     while ((line = reader.readLine()) != null)  {
6.             //读取jsonData中定义的数据  
7.           json.append(line);    
8.     }
9. } catch (Exception e) {    
10. }    

 

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

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

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

1. rsp.setContentType("text/json; charset=utf-8");
2. rsp.getWriter().write(
3.     "{success:false,error:'更新信息失败，原因为:" + err + "'}");
4. rsp.setStatus(HttpServletResponse.SC_EXPECTATION_FAILED);     //设置失败标识
   
5. //failure回调函数将调用执行，输出respText.error信息