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

wjt276 · 发表于 2013-1-23 02:41:11

使用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信息

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>

		自动登录	找回密码
密码			立即注册