`
qinya06
  • 浏览: 600117 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

ext提交服务器

阅读更多
将按钮添加单击事件,执行以下方法

   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.         } 


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表单的非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. },  


分享到:
评论

相关推荐

    EXT提交服务器的三种方式

    以下是EXT提交服务器的三种方式的详细说明: 1. **EXT的Form表单AJAX提交**:这是EXT中最常见的提交方式,它允许你在不刷新整个页面的情况下与服务器进行异步通信。通过使用`doAction`方法,你可以方便地触发表单的...

    EXT异步提交FORM表单

    ### EXT异步提交FORM表单知识点详解 #### 一、EXT异步提交FORM表单概述 在现代Web应用开发中,异步提交表单是一种常见的技术手段,它能够提升用户体验,减少页面刷新带来的数据丢失风险,并能有效提高系统的响应...

    ext 表单提交

    在Ext JS中,表单提交是一个关键的交互环节,涉及到数据的收集、验证以及向服务器发送请求。 描述中提到的博文链接(已不可用)可能提供了关于Ext JS中表单提交的具体实现和示例。通常,Ext JS的表单提交使用Ajax...

    EXT提交表单,ASP.NET

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

    Extjs资料集合(源码解读,实例)

    2. **EXT提交服务器的三种方式.doc**:文档可能详细介绍了在 ExtJS 中如何进行数据的提交,比如使用 AJAX、Store 和 Proxy 等方式与服务器进行通信,这在实际开发中是至关重要的。 3. **Ext技术**:这可能是一个更...

    ext_表单提交_数据校验

    - **Ajax提交**:通过Ajax技术,可以在不重新加载页面的情况下发送数据至服务器,提供更流畅的交互体验。 - `Ext.form.Basic`:基于`Ext.Ajax`,提供简单的异步表单提交。 - `Ext.form.Action`:封装了更多高级...

    Ext+JSP实现数据提交

    本篇将详细探讨如何利用`Ext`前端框架与`JSP`服务器端页面来实现数据的提交。 `Ext`是一个强大的JavaScript库,主要用于构建富客户端应用。它提供了丰富的组件库,包括表格、表单、菜单等,以及一套完整的MVC...

    Ext.Direct.Mvc是ASP.NET Mvc.的Ext Direct服务器端堆栈的实现.zip

    Ext Direct是一种JavaScript和服务器之间通信的技术,它提供了预定义的API调用模式,简化了AJAX交互,并优化了Web应用程序的数据交换。 在ASP.NET MVC中,控制器负责处理HTTP请求并返回视图或数据。然而,当涉及到...

    Ext3.2的Ext.data.Store类和Ext.Ajax类的实际运用

    其中,我们可以看到Ext.Ajax可以实现动态与静态的方式提交到web服务器。从中可以看出,其实Ext框架可以非常方便的与现有网站集成。关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们...

    EXT的3中提交方式

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

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

    对于远程数据,通常会使用Ajax请求(DWR或者Ext.Ajax)从服务器获取JSON或XML格式的数据。 更新(Update):当用户修改了数据,Store会自动检测到这些变化。调用`sync()`方法会将更新后的数据发送回服务器,后台...

    ExtJs4.0 表单提交Demo

    在“ExtJs4.0 表单提交Demo”中,我们将深入探讨如何在ExtJs 4.0环境下,通过Ext Ajax模块实现表单的数据提交,同时实现显示层和控制层的分离,提升代码的可维护性和可扩展性。 1. **ExtJs 4.0 表单基础** ExtJs ...

    EXT3.0 登录实例

    EXT3.0登录实例是一个典型的EXT应用场景,通过它,开发者可以学习到EXT的基本组件用法、事件处理机制以及如何结合服务器进行数据交互。掌握这些知识点,对于理解EXT框架和开发Web应用具有重要意义。

    EXT安装包4.2.1-1

    6. **Ajax和RESTful交互**:EXT提供了便捷的Ajax接口,便于与服务器进行异步通信,同时支持RESTful API,简化了后端数据的获取和操作。 7. **高级布局管理**:EXT的布局管理器可以处理复杂的页面布局,如网格布局、...

    EXT dojochina ExtAjax表单提交 L9.rar

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

    ext几个实例

    在EXTJS中,Ext.AJAX和Ext.FormPanel是两个核心组件,它们分别用于异步与服务器进行数据交互和构建用户界面表单。本文将详细介绍如何使用这两个组件构建一个完整的登录案例,包括与MySQL数据库的交互。 **1. Ext....

    ExtJs的服务器端控件实现

    1. **Ajax通信**:ExtJS 使用Ajax进行异步请求,通过Ext.Ajax对象或者直接使用Action Components(如FormPanel)来发送GET或POST请求到服务器。这些请求可以包含数据,并接收服务器返回的数据,更新UI。 2. **JSON...

    Ext-2.1 Ext 2全文档

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

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

    5. **Ajax通信**:EXT通过Ext.Ajax类提供了异步请求功能,方便与服务器进行数据交互。 6. **GridPanel**:EXT的表格组件,可展示大量数据并支持排序、过滤、分页等功能。 7. **FormPanel**:用于创建表单,支持...

    Ext框架开发文档及ext-core.js

    5. **表单(Forms)**:EXT提供了丰富的表单组件和表单处理功能,如文本框、下拉框、复选框等,以及表单验证和提交机制。 6. **工具栏(Toolbars)**:EXT的工具栏组件可以轻松添加各种按钮、菜单和分割线,为用户...

Global site tag (gtag.js) - Google Analytics