`
暖风醉意
  • 浏览: 9565 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

(转)extjs form表单和ajax请求的配置选项success、failure

阅读更多

1. Ext.form.Action.Submit的配置选项success、failure

根据返回json中success属性判断的,如果success为true,则success,false则failure,如果无json中无success属性,failure,故要提示操作是否成功,必须要返回success属性。

[javascript] view plaincopy
 
  1. form.getForm().submit({  
  2.                         // 登录期间显示的文本  
  3.                         loadMask: myMask.show(),  
  4.                         // submit时指向的地址  
  5.                         url: "userAction!login",  
  6.                         success: function(form, action) {  
  7.                             window.location.href = "home.jsp";  
  8.                         },  
  9.                         failure: function(form, action) {  
  10.                             myMask.hide();  
  11.                             Ext.Msg.alert("错误", action.result.info);  
  12.                         }  
  13. });  

2. Ext.Ajax.request的配置选项success、failure

根据response的status属性,即状态码决定的,200则为success,404或500等则为failure。这里的success是表示你的服务器响应状态值为200,即表示服务器成功响应。不管你响应给客户端的内容是什么,只要响应成功就会执行这个success,跟你返回的内容无关。至于你想根据你返回的参数success值进行判断分别处理,你得在上面的success中进行判断处理。比如像这样:

 

[javascript] view plaincopy
 
  1. Ext.Ajax.request({    
  2.             url:'admin!select',    
  3.             method:'post',    
  4.             waitMsg:'数据加载中,请稍后....',    
  5.             success:function(response,opts){    
  6.                 var obj=Ext.decode(response.responseText);    
  7.                 if(obj.success == "true") {//如果你处理的JSON串中true不是字符串,就obj.success == true  
  8.                      //你后台返回success 为 false时执行的代码  
  9.                 } else {  
  10.                      //你后台返回success 为 false时执行的代码  
  11.                 }  
  12.             },    
  13.             failure:function(response,opts){    
  14.                 var obj=Ext.decode(response.responseText);    
  15.                 alert(obj.result);    
  16.                     
  17.             }  
  18. });  

 

分享到:
评论

相关推荐

    解决Extjs4中form表单提交后无法进入success函数问题

    在开发使用Extjs4框架的应用程序时,可能会遇到form表单提交后,无法正确进入success回调函数的问题。针对这个问题,首先需要进行两个方面的检查和确认,以确保form提交操作能够顺利进入success回调函数。 首先,...

    ExtJs异步请求和特殊用途

    - `formAction`:用于提交表单数据,ExtJS会自动处理表单编码和提交。 - `fileUpload`:配合`formAction`,处理文件上传请求,需要特别的处理方式。 - `callbackKey`:在JSONP跨域请求中,指定服务器返回的回调...

    learning extjs 中文版 表单提交

    1. **Action Methods**: 表单的`action`属性定义了与服务器交互的方式,常见的有`directFn`(调用远程函数)、`url`(发送Ajax请求到指定URL)和`formHandler`(服务器端处理表单)。 2. **Params**: 在提交表单时...

    extjs文档的详细介绍

    本文将详细介绍EXTJS中两种主要的前后台数据传递方法:`Ext.Ajax.request` 和 `FormPanel` 的 `getForm().submit()`。 首先,`Ext.Ajax.request` 是EXTJS提供的一个全局Ajax对象,用于发送异步HTTP请求。它的基本...

    extjs四种异步提交

    在`success`和`failure`回调函数中处理服务器响应。 2. **指定HTML表单的Ajax提交**: `saveUser_ajaxSubmit2`函数展示了如何指定一个HTML表单进行Ajax提交。通过设置`form`属性为表单ID,EXT JS会自动获取表单中...

    Ext.Ajax.request 小问题收集

    总结来说,`Ext.Ajax.request`是EXTJS中的核心通讯工具,提供了丰富的配置选项和回调机制,能够满足各种复杂的服务器交互需求。理解和熟练使用这个方法,对于EXTJS开发者来说至关重要。通过阅读相关博客和源码,我们...

    EXTjs 文件上传(可用)

    首先,EXTjs 提供了`Ext.form.FileField`组件,用于在表单中创建文件选择字段。这个组件允许用户选择本地文件,然后通过AJAX方式提交到服务器。要使用`Ext.form.FileField`,你需要在表单中定义一个此类字段,如下所...

    extJS中常用的4种Ajax异步提交方式

    在ExtJS中,异步数据交互是通过Ajax技术来实现的。Ajax允许应用程序在不刷新整个页面的情况下与服务器进行通信,...同时,也可以结合使用ExtJS的Ajax配置选项,如`headers`、`timeout`等,以满足特定的服务器交互需求。

    ext几个实例

    与HTML form表单不同,EXTJS的Ext.FormPanel提供了一种更灵活的方式来构建和管理表单。在示例中,FormPanel被放置在一个居中显示的层内。当用户点击登录按钮时,Ext.FormPanel的submit方法会触发异步提交,同样使用...

    Extjs多文件上传

    它提供了丰富的UI组件,如表格(Grid)、表单(Form)等,这些组件可以被自定义和组合,以满足各种用户界面的需求。在多文件上传中,我们会用到`Ext.form.field.File`(文件选择字段)组件,它允许用户选择本地文件...

    extjs数据存储与传输详解

    - `form`: 绑定的form表单。 - `isUpload`: 是否执行文件上传。 - `headers`: 请求头信息。 - `xmlData`: XML文档对象。 - `disableCaching`: 是否禁用缓存。 此外,**Ext.data.Connection**还提供了一个`abort`...

    AnyFo_-_ExtJS_移魂大法

    通过上述内容,我们已经详细介绍了如何搭建ExtJS开发环境、使用布局管理器、事件机制、窗体、表单、Tree、Tab、Grid、数据展示以及如何使用Ajax技术。希望这些知识点能帮助您更好地理解和使用ExtJS框架。

    EXT dojochina ExtAjax表单提交 L9.rar

    "ExtAjax表单提交"是EXTJS中的一个重要功能,用于处理用户在网页上的表单数据,并通过Ajax方式向服务器发送请求,实现异步数据交互。 在EXTJS中,表单(Ext.form.Panel)是数据输入和展示的主要组件。它包含了各种...

    ExtJs做的用户登陆!ASP后台

    在ExtJS中,我们可以使用`Ext.form.Panel`来创建一个表单,然后添加`Ext.form.field.Text`组件作为用户名和密码输入框,`Ext.button.Button`作为登录按钮。例如: ```javascript var loginForm = Ext.create('Ext....

    extjs登录.pdf

    `url`指定了请求的URL,`method`定义了请求类型,`success`和`failure`回调函数分别处理成功的响应和失败的响应。 7. **进度条**: - 使用`Ext.MessageBox.show`创建一个带有进度条的对话框,`progress: true`启用...

    extjs数据存储与传输

    此方法允许设置回调函数,如`success`和`failure`,分别在请求成功和失败时触发。同时,还可以配置`callback`(请求完成后执行的回调)、`scope`(回调函数的执行上下文)、`form`(绑定的表单)等参数。 - **高级...

Global site tag (gtag.js) - Google Analytics