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

 

 

 

 

你可能感兴趣的:(java,Ajax,function,servlet,ext,服务器)