上篇文章介绍了通过使用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页面部分代码:
-
- var submitButton = new Ext.Button(
- {
- text: '提交',
- iconCls: 'c_page_white_get',
- scope: this,
- width: 75,
- height: 24,
- handler: function() {
-
- this.submitData ( );
- }
- });
-
-
-
- submitData : function( ) {
-
- this.uploadForm.getForm().submit({
- waitMsg: '正在提交请稍后...',
-
- url: ctx + '/testServlet, method: 'POST',
-
-
- success: function(form, action) {
-
- Ext.MessageBox.alert('提示', action.result.showmessage);
- },
-
- failure: function(form, action) {
- Ext.Msg.alert('提示', action.result.msg, function() {
- window.close();
- });
- },
- scope: this });
- }
Servlet代码:
- public class testServlet extends HttpServlet {
-
- publicvoid doPost(HttpServletRequest request, HttpServletResponse response)
- throwsServletException, IOException {
- try{
-
-
- String showMessage = new TestAction().test();
-
- response.setCharacterEncoding("UTF-8");
- response.setContentType("text/html");
- response.getWriter().write(
- "{'success':true,'showmessage':'"+ showMessage +"'}");
-
- }catch (Exception e) {
-
- response.setCharacterEncoding("UTF-8");
- response.setContentType("text/html");
- response.getWriter().write(
- "{'success':false,'showmessage':'出现异常,操作失败'}");
- response.setStatus(500);
- }
-
- }
-
- publicvoid doGet(HttpServletRequest request, HttpServletResponse response)
- throwsServletException, IOException {
- doPost(request,response);
- }
- }
通过例子可以看出,success和failure方法使用的是json字符串的方式将返回值以字符串的格式通过response携带回js界面.
Ext的配置选项success、failure是根据response的status属性,即状态码决定的,200则为success,404或500等则为failure。
EXTJS与Java后台的交互是很方便的,这里介绍的两种方法各自用在不同的场合下,根据需要来进行选择.