脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-EXTJS与java后台交互(二)JSON使用,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
上篇文章介绍了通过使用dwr在EXTJS代码里直接调用后台的Java方法.这篇文章介绍在没有调用Java方法,没有返回值的情况下获取Java的返回信息.就要用到的Extjs的submIT配置项---success和failure来进行配置.
Ext.form.Action.Submit的配置选项success、failure是根据返回json中success属性判断的,如果success为true,则success,false则failure,如果无json中无success属性,failure,故要提示操作是否成功,必须要返回success属性。
这种方法用的也很多,在js界面除了调用Java方法来完成各种验证和取值外,还会执行表单的提交.提交了表单,并没有调用后台方法,通过这种方法便可以知道执行结果,来显示执行信息.
EXTJS页面部分代码:
[javascript]view plaincopy
//提交按钮
VARsubmitButton=newExt.Button(
{
text:'提交',
iconCls:'c_page_white_get',
width:75,
height:24,
handler:function(){
//执行提交方法
this.submitData();
}
});
//提交时执行的方法
submitData:function(){
//提交form表单
this.uploaDForm.getForm().submit({
waitMsg:'正在提交请稍后...',
//将表单信息提交到Servlet
url:ctx+'/testServlet,method:'POST',
//重点:success块
success:function(form,action){
//showmessage是从后台传过来
Ext.MessageBox.alert('提示',action.result.showmessage);
},
//failure块
failure:function(form,action){
Ext.Msg.alert('提示',action.result.msg,function(){
window.close();
});
},
scope:this});
}
Servlet代码:
[java]view plaincopy
publicclasstestServletextendsHttpServlet{
publicvoiddoPost(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
try{
//调用action等后台方法
//有个返回值,返回给界面的内容
StringshowMessage=newTestAction().test();
//设置response格式
response.setCharacterEncoding("UTF-8");
response.setContentType("text/htML");
response.getWriter().write(
"{'success':true,'showmessage':'"+showMessage+"'}");
}catch(Exceptione){
//失败时返回的信息
response.setCharacterEncoding("UTF-8");
response.setContentType("text/html");
response.getWriter().write(
"{'success':false,'showmessage':'出现异常,操作失败'}");
response.setstatus(500);
}
}
publicvoiddoGet(HttpServletRequestrequest,HttpServletResponseresponse)
throwsServletException,IOException{
doPost(request,response);
}
}
通过例子可以看出,success和failure方法使用的是json字符串的方式将返回值以字符串的格式通过response携带回js界面.
Ext的配置选项success、failure是根据response的status属性,即状态码决定的,200则为success,404或500等则为failure。
EXTJS与Java后台的交互是很方便的,这里介绍的两种方法各自用在不同的场合下,根据需要来进行选择.
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的javascript代码实例教程-EXTJS与java后台交互(二)JSON使用全部内容,希望文章能够帮你解决javascript代码实例教程-EXTJS与java后台交互(二)JSON使用所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。