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

最新推荐文章于 2026-06-22 16:53:26 发布

原创最新推荐文章于 2026-06-22 16:53:26 发布 · 3.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#servlet #java #ajax #ext #function

Ext JS 专栏收录该内容

10 篇文章

订阅专栏

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

Ext.Ajax.request({
url:'http://localhost:8080/myapp/ExtHandler ,
jsonData:Ext.util.JSON.encode(info),
params:{action:'up'},
success: function(resp,opts) {
var respText = Ext.util.JSON.decode(resp.responseText);
Ext.Msg.alert('提示', respText.info);
},
failure: function(resp,opts) {
var respText = Ext.util.JSON.decode(resp.responseText);
Ext.Msg.alert('错误', respText.error);
}
});

代码中的url参数指定的是一个Java Servlet，通过jsonData参数提交JSON格式的数据到Servlet处理，你也可以提交其它参数，在params参数中定义；然后根据服务器的处理结果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信息