Ext Ajax:如何调用Ext.Ajax.request方法和使用Java Servlet进行处理
2010-03-12 21:21
931 查看
使用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信息
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信息
相关文章推荐
- Ext Ajax:如何调用Ext.Ajax.request方法和使用Java Servlet进行处理
- Ext Ajax:如何调用Ext.Ajax.request方法和使用Java Servlet进行处理
- Ext Ajax:如何调用Ext.Ajax.request方法和使用Java Servlet进行处理 .
- Ext Ajax:如何调用Ext.Ajax.request方法和使用Java Servlet进行处理 .
- .Ext Ajax:如何调用Ext.Ajax.request方法和使用Java Servlet进行处理
- Ajax程序:处理异步调用中的异常(使用Asp.Net Ajax内建的异常处理方法)
- asp.net- ajax简单入门使用方法,通过一般处理程序ashx进行处理
- jQuery的ajax()检验用户名;通过jQuery的load()/get()/post()方法实现;使用XMLHTTPRequest对象来进行AJAX的异步数据交互
- 如何使用ajax调用现有webserver的方法
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(4):异步通讯层生成的客户端代理类、使用HTTP GET进行调用
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(4):异步通讯层生成的客户端代理类、使用HTTP GET进行调用
- C#如何进行以太坊合约调用交易,时间处理,使用过滤器和主题。
- Ajax程序:处理异步调用中的异常(使用Asp.Net Ajax内建的异常处理方法)
- Sencha Touch的Ext.Ajax.request调用WebService方法实例
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(2):处理异步调用中的异常
- golang使用execCommand调用的时候子进程如何杀掉处理方法
- [置顶] Ajax程序:处理异步调用中的异常(使用Asp.Net Ajax内建的异常处理方法)
- 在前端调用ajax时,需要将参数传到前端,使用session赋值的方法进行传值,不能使用ModelMap或Model
- ExtJs后台返回success为false,Ext.ajax.request也用调用success方法,解决方法
- extjs 使用Ext.Ajax.request进行数据传输