`
张守伟
  • 浏览: 4400 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

(转)Extjs中的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. });  
分享到:
评论

相关推荐

    ExtJs官方网站中文的入门指南 javascript

    **ExtJs**是一款基于JavaScript的企业级Web应用开发框架,它提供了丰富的UI组件和强大的功能,帮助开发者快速构建高性能的Web应用程序。本文档旨在引导初学者快速入门ExtJs,通过实例演示如何搭建开发环境并实现简单...

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

    为了解决Extjs4中表单提交后无法进入success函数的问题,除了需要确认json格式正确和包含正确的success属性之外,还可能需要检查其他方面。例如,需要确保表单提交过程中没有触发任何错误,比如网络请求超时、服务器...

    extjs中文api

    这是ExtJS中的核心类之一,用于定义和管理整个应用,包括启动、配置、管理组件树等关键任务。 #### 二、事件处理机制与代码示例 在ExtJS中,事件处理是非常重要的一个方面,它使得用户可以与页面元素进行交互。...

    ExtJs异步请求和特殊用途

    ExtJS是一个强大的JavaScript库,专为构建富交互式的前端应用程序而设计。在ExtJS中,异步请求(通常指的是Ajax请求...在伍诚_ExtJs资料中,你将找到更多关于这些概念的详细解释和示例,帮助你深化理解和提升开发技能。

    Extjs4的FormPanel从后台load json数据的要点

    在本篇文章中,我们将深入探讨如何使用Extjs4中的FormPanel组件从后台加载JSON数据,并将其映射到表单的各个字段中进行显示。这是一项非常实用的技术,尤其是在需要动态填充表单的情况下。 ### 一、Extjs4 ...

    extjs的数据传递

    - 当使用`success`和`failure`回调时,可以使用`response.responseText`来获取原始的JSON字符串。 #### 七、结语 通过以上介绍,我们可以看到ExtJS为开发者提供了非常便捷的方式来处理前后端之间的数据交互问题。...

    在Extjs中使用ajax传参到php中

    在EXTJS的success回调中,你可以解析这个JSON: ```javascript success: function(response, opts) { var data = Ext.decode(response.responseText); console.log(data.result); // 输出 "success" console....

    ExtJs实现数据加载和提交经典代码

    根据提供的文件信息,我们可以深入探讨如何在ExtJS中利用FormPanel进行数据加载和提交的核心概念与实践技巧。 ### FormPanel的Form对象 在ExtJS框架中,`FormPanel`是处理表单数据的一个核心组件。当我们在使用`...

    extjs文档的详细介绍

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

    Extjs多文件上传

    在“Extjs多文件上传”这个主题中,我们将深入探讨如何使用ExtJS实现一个支持自由添加和减少上传文件个数的多文件上传功能。 首先,ExtJS的文件上传功能通常依赖于其组件系统,特别是`Ext.form.FileField`(也称为`...

    extjs属性方法大全

    以上是 `Extjs` 中常用的表单类及其属性和方法的详细介绍,这些类和方法提供了丰富的功能,帮助开发者快速构建功能完备的 Web 表单应用。通过掌握这些基础知识,可以有效地提高开发效率并确保应用程序的质量。

    Extjs4.0学习指南(中文)

    - 下载 Extjs4.0 发布包,并解压缩至项目目录下的 `Webroot` 文件夹中。 2. **搭建开发环境:** - 假设已经安装了 MyEclipse 和 Tomcat。 - 在 MyEclipse 中新建一个 Web 项目,命名为 `Extjs4`。 - 将解压缩后...

    ExtJS 3.2的中文参考手册

    ExtJS 3.2版本是一个成熟且稳定的版本,在此版本中包含了丰富的组件和功能,非常适合初学者入门以及资深开发者深入研究。 - **适用人群**: 无论是JavaScript的新手还是有一定经验的开发者,ExtJS 3.2都能提供足够的...

    extjs数据存储与传输详解

    **Proxy**是Extjs中用于处理数据加载和保存操作的抽象基类。它定义了数据如何从服务器获取和发送的基本接口。常见的Proxy包括**Ext.data.HttpProxy**和**Ext.data.ScriptTagProxy**。 ### 六、Reader **Reader**...

    Extjs测试题

    必须包含method方法(GET或POST)、url请求地址、success请求成功的回调函数以及failure请求失败的回调函数。 8. Ext.Ajax.request方法:该方法用于发送Ajax请求。其中method参数指定请求方法,可以是GET或者POST;...

    spring mvc +Extjs

    在现代Web开发中,Spring MVC和ExtJS是两个常见的技术,用于构建强大的后端和前端应用。本篇文章将深入探讨如何使用Spring MVC 3与ExtJS进行数据交互,特别是通过JSON格式来实现这一过程。 首先,Spring MVC 3引入...

    Java+Extjs实现单文件上传

    3. **处理返回结果**:在`success`和`failure`回调中,你可以处理后端返回的数据或错误信息,向用户展示相应的提示。 4. **样式和用户体验**:可以自定义表单样式和行为,如显示上传进度条、提供取消上传的选项等,...

    Extjs 4.2.0 MVC 架构 官方文档例子中文

    在Extjs 4.2.0中,为了更好地组织和管理代码,采用了一种标准的文件结构。这种结构不仅有助于提高代码的可读性和可维护性,还能确保团队成员之间的协作更加顺畅。 ##### 1.1 目录结构概述 - **根目录**:通常包含...

    Extjs4文件上传,后台struts2

    在本文中,我们将深入探讨如何使用ExtJS 4与Struts2框架实现文件上传功能。ExtJS是一个强大的JavaScript库,提供了丰富的用户界面组件,而Struts2是Java Web开发中的一个MVC框架,用于处理后端业务逻辑。下面,我们...

Global site tag (gtag.js) - Google Analytics