javascript代码实例教程-EXTJS与java后台交互(二)JSON使用

发布时间:2018-12-31 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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',

scoPE:this,

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,请注明来意。