`
cpu
  • 浏览: 167968 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext Form 提交方法之二 (Ajax submit)

阅读更多

Form要传递的参数,须手动添加到params里去。

返回的数据是JSON,须自己书写。

 

Ext.Ajax.request({   
                      //请求地址   
                     url: 'login.do',   
                     //提交参数组   
                     params: {   
                         LoginName:Ext.get('LoginName').dom.value,   
                         LoginPassword:Ext.get('LoginPassword').dom.value   
                     },   
                     //成功时回调   
                     success: function(response, options) {   
                        //获取响应的json字符串   

                      var json = response.responseText;
                       var o= Ext.util.JSON.decode(json);                                                
                            if(o.success==true){   
                                Ext.Msg.alert('恭喜','您已成功登录!');       
                            }   
                            else{   
                                Ext.Msg.alert('失败','登录失败,请重新登录');       
                            }   
                    }   
            });

7
0
分享到:
评论
1 楼 Michael.zhl 2008-09-19  
可以自动的。没必要自己手写进去。。

相关推荐

    EXT异步提交FORM表单

    #### 二、EXT异步提交FORM表单的基本原理与实现 ##### 2.1 基本原理 EXT异步提交FORM表单的核心是通过Ajax技术实现表单数据的后台提交,而无需刷新整个页面。这种方式的主要优点在于能够提供更加流畅的用户交互...

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

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

    EXT提交服务器的三种方式

    1. **EXT的Form表单AJAX提交**:这是EXT中最常见的提交方式,它允许你在不刷新整个页面的情况下与服务器进行异步通信。通过使用`doAction`方法,你可以方便地触发表单的提交,并指定URL、HTTP方法以及额外的参数。...

    完成的 Ajax 提交表单

    `Ext.form.Basic`对象提供了`getValues()`方法来获取表单字段的值,而`Ext.Ajax.serializeForm()`可以将表单数据转换为URL编码的字符串,适用于POST请求的data参数。 5. **错误处理和提示**:在`failure`回调中,你...

    Ext2.0 form使用实例的例程

    7. **表单提交(Form Submission)**:表单可以以两种方式提交:异步(Ajax)或同步(传统的HTTP请求)。异步提交在后台处理数据,不会刷新整个页面,提供了更好的用户体验。 8. **自定义组件(Custom Components)...

    EXT制作的FORM,可以与Servlet进行交互

    EXT form支持使用`Ext.Ajax`类来进行AJAX提交。当用户填写完表单并点击提交按钮时,可以通过`form.submit()`方法将数据异步发送到服务器。在提交过程中,我们可以设置URL(对应Servlet的URL),以及成功和失败的回...

    ext_表单提交_数据校验

    其中,`form.submit()`是Ext默认的提交方式,它利用Ajax技术进行数据传输,无需刷新整个页面即可完成数据的提交和响应处理,极大地提升了用户体验。 - **原始的Form提交**:直接使用HTML表单的`submit`方法,适用于...

    Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别

    在EXTJS框架中,`Ext.FormPanel`和`Ext.Ajax.request`提供了两种不同的异步提交方法,它们各自有其特点和适用场景。下面我们将详细探讨这两种方式的区别。 1. **Ext.FormPanel的异步提交** `Ext.FormPanel` 是...

    ext 2.0 form demo

    例如,`form.load()`用于加载表单数据,`form.submit()`用于提交表单,`field.setValue()`用于设置字段值,`field.validate()`用于执行字段验证。 五、Demo分析 在"demo"这个压缩包中,可能包含了EXT 2.0表单示例...

    ext控件form相关配置

    #### 二、Ext JS Form控件概述 Ext JS的`Form`控件提供了一套丰富的API用于创建、管理和验证Web表单。该控件的核心特性包括: 1. **表单布局**:允许开发者轻松定义表单的布局方式。 2. **字段管理**:支持添加...

    EXT dojochina ExtAjax表单提交 L9.rar

    如果有效,我们将使用`form.submit()`方法进行Ajax提交,指定提交的URL、方法以及成功和失败的回调函数。在成功回调中,我们可以显示成功的提示信息;在失败回调中,我们可以处理错误并展示给用户。 EXTJS的Ajax...

    EXT的3中提交方式

    本文详细介绍了EXT框架中三种主要的提交方式:`form`提交、`Ajax`提交以及同步提交。每种方式都有其适用场景和特点,开发者可以根据实际需求选择合适的方法。需要注意的是,在现代Web应用中,由于用户体验的重要性,...

    ext 的ppt ext 的ppt ext 的pptext 的pptext 的ppt

    此外,还可以使用`Ext.lib.Ajax.request`进行异步提交,方法与上述submit类似,只是更底层,可以直接控制请求参数和回调函数。 总之,Ext Form是Ext JS中的强大组件,提供了丰富的功能来创建、验证和提交表单数据。...

    js动态生成form 并用ajax方式提交的实现方法

    在Web开发中,有时我们需要动态地创建HTML...4. 使用JavaScript的`submit`方法或jQuery/ExtJS的Ajax函数提交表单,同时处理成功和失败的回调。 这个过程可以灵活适应各种应用场景,为用户提供了无刷新的数据提交体验。

    ExtJs4.0 表单提交Demo

    - **监听提交事件**:使用`form.submit()`方法触发表单提交,传入一个包含回调函数的对象,处理成功和失败的情况。 - **处理服务器响应**:在回调函数中,可以访问到服务器返回的数据,进行后续的业务逻辑处理。 ...

    ext几个实例

    当用户点击登录按钮时,Ext.FormPanel的submit方法会触发异步提交,同样使用Ext.AJAX进行后台通信。提交成功或失败,都会通过回调函数进行处理,以更新用户界面。 **3. 后台处理** 无论是HTML form还是Ext....

Global site tag (gtag.js) - Google Analytics