您的位置:首页 > 产品设计 > UI/UE

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

2009-03-30 15:25 871 查看
來源:http://www.cnzzad.com/tut/52959.html

使用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信息
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐