`
softfire
  • 浏览: 10510 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

三种Ext提交数据的方法

阅读更多
转自:http://www.17ext.com/showtopic-55.aspx

1, EXT的form表单ajax提交(默认提交方式)
1.  function login(item) { 
  2.           
  3.            if (validatorForm()) { 
  4.                // 登录时将登录按钮设为disabled,防止重复提交 
  5.                this.disabled = true; 
  6. 
  7.                // 第一个参数可以为submit和load 
  8.                formPanl.form.doAction('submit', { 
  9. 
  10.                    url : 'user.do?method=login', 
  11. 
  12.                    method : 'post', 
  13. 
  14.                    // 如果有表单以外的其它参数,可以加在这里。我这里暂时为空,也可以将下面这句省略 
  15.                        params : '', 
  16. 
  17.                        // 第一个参数是传入该表单,第二个是Ext.form.Action对象用来取得服务器端传过来的json数据 
  18.                        success : function(form, action) { 
  19. 
  20.                            Ext.Msg.alert('操作', action.result.data); 
  21.                            this.disabled = false; 
  22. 
  23.                        }, 
  24.                        failure : function(form, action) { 
  25. 
  26.                            Ext.Msg.alert('警告', '用户名或密码错误!'); 
  27.                            // 登录失败,将提交按钮重新设为可操作 
  28.                            this.disabled = false; 
  29. 
  30.                        } 
  31.                    }); 
  32.                this.disabled = false; 
  33.            } 
  34.        } 


2.EXT表单的非ajax提交
1. //实现非AJAX提交表单一定要加下面的两行! onSubmit : Ext.emptyFn, submit : function() {     
2. //再次设定action的地址     
3. this.getEl().dom.action ='user.do?method=login'; this.getEl().dom.method = 'post';     
4. //提交submit     
5.  this.getEl().dom.submit();     
6. },  


3.EXT的ajax提交
1. 
  2. 
  3. Ext.Ajax.request({ 
  4.                                        //请求地址 
  5.                      url: 'login.do', 
  6.                      //提交参数组 
  7.                      params: { 
  8.                          LoginName:Ext.get('LoginName').dom.value, 
  9.                          LoginPassword:Ext.get('LoginPassword').dom.value 
  10.                      }, 
  11.                      //成功时回调 
  12.                      success: function(response, options) { 
  13.                        //获取响应的json字符串 
  14.                        var responseArray = Ext.util.JSON.decode(response.responseText);                                               
  15.                            if(responseArray.success==true){ 
  16.                                Ext.Msg.alert('恭喜','您已成功登录!');     
  17.                            } 
  18.                            else{ 
  19.                                Ext.Msg.alert('失败','登录失败,请重新登录');     
  20.                            } 
  21.                    } 
  22.            });  
分享到:
评论

相关推荐

    EXT提交服务器的三种方式

    在EXT中,有三种主要的方式提交数据到服务器,这些方法主要涉及到前端与后端之间的交互,用于处理用户输入的数据并将其发送到服务器进行处理。以下是EXT提交服务器的三种方式的详细说明: 1. **EXT的Form表单AJAX...

    EXT异步提交FORM表单

    - **解析请求参数**:由于EXT默认是以POST方式提交数据,所以在Action中需要确保能够正确解析这些参数。 ```java @Override public void validate() { if (username == null || username.trim().equals("")) { ...

    ext_表单提交_数据校验

    Ext JS提供了多种向后台提交数据的方式,包括传统的HTML表单提交以及基于Ajax的异步提交。其中,`form.submit()`是Ext默认的提交方式,它利用Ajax技术进行数据传输,无需刷新整个页面即可完成数据的提交和响应处理,...

    Ext+JSP实现数据提交

    3. **Ajax请求**:使用`Ext.Ajax.request`方法发起异步请求,该方法支持POST或GET方式提交数据。在`action.js`中,可以配置请求的URL(如`action.html`),数据类型,以及成功或失败的回调函数。 4. **服务器端处理...

    Ext 操作数据库,对数据的增删改查,包括数据库,Ajax请求和store请求的设置

    DWR(Direct Web Remoting)则提供了一种安全的、跨域的JavaScript到Java的通信方式,常用于处理异步数据请求。 Store的请求方式多样,包括简单加载(load)、远程排序和过滤(remoteSort和remoteFilter)、分页...

    ext 前后台数据交互

    "Ext 前后台数据交互" ...在实际应用中,Ext前后台数据交互可以应用于各种场景,例如用户登录、数据提交、数据查询等。该方式可以实现快速、安全、可靠的数据交互,提高了Web应用程序的性能和用户体验。

    ext 表单提交

    标题中的“ext 表单提交”指的是Ext JS框架中关于表单数据提交的功能。Ext JS是一个流行的JavaScript库,用于构建富客户端Web应用。它提供了一套完整的组件模型,包括各种UI元素,如表格、面板、表单等。在Ext JS中...

    Ext 动态加载表单数据

    Ext Form提供了一种结构化的方式来组织这些字段,并提供了验证、提交和数据绑定等功能。 动态加载表单数据涉及到的主要知识点包括: 1. **JSON数据格式**:JSON(JavaScript Object Notation)是一种轻量级的数据...

    EXT4 自己整理的一些常用方法

    Ajax请求则用于与服务器进行异步通信,加载或提交数据。在EXT4中,可以利用FormPanel的submit方法发送数据到服务器,并通过监听各种事件来处理反馈结果。 总的来说,这个压缩包中的资料对于熟悉EXT4的日常开发非常...

    EXT提交表单,ASP.NET

    当我们讨论EXT提交表单与ASP.NET的结合时,主要涉及的是EXTJS如何与ASP.NET后端进行数据交互。EXTJS 提供了表单组件(FormPanel)来创建和处理用户输入,而ASP.NET则处理这些数据并进行业务逻辑处理或数据持久化。 ...

    ext form 表单提交数据的方法小结

    本文主要总结了EXT表单提交数据的三种常见方法:EXT的form表单AJAX提交、非AJAX提交以及EXT的Ajax类直接提交。 1. EXT的form表单AJAX提交(默认提交方式) EXT的form表单默认采用AJAX方式进行数据提交,这样可以在...

    Ext AJAX submit方法实例

    Ext AJAX的`submit`方法是Ext JS框架中用于发送异步HTTP请求的重要组成部分,它主要用于处理表单数据的提交。这个方法提供了与服务器端进行数据交互的灵活性,使得无需页面刷新就能更新或保存数据,极大地提高了用户...

    EXT dojochina Ext类实例方法.rar

    EXT dojochina Ext类实例方法.rar 是一个与EXT JS框架相关的压缩文件,EXT JS是一个广泛使用的JavaScript库,用于构建富互联网应用程序(RIA)。这个压缩包可能包含了关于EXT JS中的Ext类的一些实例方法的详细教程或...

    EXT的3中提交方式

    ### EXT的三种提交方式详解 #### 一、Form提交 在EXT框架中,`form`提交是一种常见的数据提交方式,这种方式通常与HTML表单元素相结合,实现数据的有效性和完整性验证之后的数据提交。以下是对该部分代码的具体...

    Ext-2.1 Ext 2全文档

    对于数据管理,Ext 2.1提供了Store对象,它可以存储和管理数据,与服务器进行异步通信。Store可以连接到各种数据源,如JSON、XML或CSV,并且与数据网格、表单和其他组件无缝集成。 在UI设计方面,Ext 2.1提供了大量...

    Ext表格中增删改查实例

    本文将深入探讨如何在Ext Grid中实现增删改查(CRUD)操作,这些操作是任何数据管理应用的基础。 首先,我们需要了解`Ext.grid.Panel`,它是Ext JS中的主要表格组件。这个组件可以显示大量数据,并提供了分页、排序...

    ext2.0项目源代码供大家学习ext使用

    7. **FormPanel**:用于创建表单,支持各种表单元素,并能进行验证和数据提交。 8. **Drag and Drop**:EXT支持拖放操作,允许用户通过鼠标拖动组件或数据。 9. **Ext Designer支持**:EXT 2.0可能还支持EXT ...

    ext3 gridRowEditor本地数据简单demo,有注释

    描述提到"配置proxy就好请求就可以从后台拿数据",这通常意味着在实际应用中,proxy会被配置为某种类型,如AjaxProxy或ScriptTagProxy,以便与服务器进行异步通信,获取或提交数据。但在这个例子中,由于是本地数据...

    extjs四种异步提交

    在EXTJS中,异步提交数据是常见的操作,主要用于与服务器...如果需要创建复杂的表单并利用EXT JS的组件功能,第三种方式更合适。在处理失败情况时,通常都需要提供错误处理回调函数,以确保用户体验和数据的一致性。

Global site tag (gtag.js) - Google Analytics