转自:
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提交服务器的三种方式的详细说明: 1. **EXT的Form表单AJAX...
- **解析请求参数**:由于EXT默认是以POST方式提交数据,所以在Action中需要确保能够正确解析这些参数。 ```java @Override public void validate() { if (username == null || username.trim().equals("")) { ...
Ext JS提供了多种向后台提交数据的方式,包括传统的HTML表单提交以及基于Ajax的异步提交。其中,`form.submit()`是Ext默认的提交方式,它利用Ajax技术进行数据传输,无需刷新整个页面即可完成数据的提交和响应处理,...
3. **Ajax请求**:使用`Ext.Ajax.request`方法发起异步请求,该方法支持POST或GET方式提交数据。在`action.js`中,可以配置请求的URL(如`action.html`),数据类型,以及成功或失败的回调函数。 4. **服务器端处理...
DWR(Direct Web Remoting)则提供了一种安全的、跨域的JavaScript到Java的通信方式,常用于处理异步数据请求。 Store的请求方式多样,包括简单加载(load)、远程排序和过滤(remoteSort和remoteFilter)、分页...
"Ext 前后台数据交互" ...在实际应用中,Ext前后台数据交互可以应用于各种场景,例如用户登录、数据提交、数据查询等。该方式可以实现快速、安全、可靠的数据交互,提高了Web应用程序的性能和用户体验。
标题中的“ext 表单提交”指的是Ext JS框架中关于表单数据提交的功能。Ext JS是一个流行的JavaScript库,用于构建富客户端Web应用。它提供了一套完整的组件模型,包括各种UI元素,如表格、面板、表单等。在Ext JS中...
Ext Form提供了一种结构化的方式来组织这些字段,并提供了验证、提交和数据绑定等功能。 动态加载表单数据涉及到的主要知识点包括: 1. **JSON数据格式**:JSON(JavaScript Object Notation)是一种轻量级的数据...
Ajax请求则用于与服务器进行异步通信,加载或提交数据。在EXT4中,可以利用FormPanel的submit方法发送数据到服务器,并通过监听各种事件来处理反馈结果。 总的来说,这个压缩包中的资料对于熟悉EXT4的日常开发非常...
当我们讨论EXT提交表单与ASP.NET的结合时,主要涉及的是EXTJS如何与ASP.NET后端进行数据交互。EXTJS 提供了表单组件(FormPanel)来创建和处理用户输入,而ASP.NET则处理这些数据并进行业务逻辑处理或数据持久化。 ...
本文主要总结了EXT表单提交数据的三种常见方法:EXT的form表单AJAX提交、非AJAX提交以及EXT的Ajax类直接提交。 1. EXT的form表单AJAX提交(默认提交方式) EXT的form表单默认采用AJAX方式进行数据提交,这样可以在...
Ext AJAX的`submit`方法是Ext JS框架中用于发送异步HTTP请求的重要组成部分,它主要用于处理表单数据的提交。这个方法提供了与服务器端进行数据交互的灵活性,使得无需页面刷新就能更新或保存数据,极大地提高了用户...
EXT dojochina Ext类实例方法.rar 是一个与EXT JS框架相关的压缩文件,EXT JS是一个广泛使用的JavaScript库,用于构建富互联网应用程序(RIA)。这个压缩包可能包含了关于EXT JS中的Ext类的一些实例方法的详细教程或...
### EXT的三种提交方式详解 #### 一、Form提交 在EXT框架中,`form`提交是一种常见的数据提交方式,这种方式通常与HTML表单元素相结合,实现数据的有效性和完整性验证之后的数据提交。以下是对该部分代码的具体...
对于数据管理,Ext 2.1提供了Store对象,它可以存储和管理数据,与服务器进行异步通信。Store可以连接到各种数据源,如JSON、XML或CSV,并且与数据网格、表单和其他组件无缝集成。 在UI设计方面,Ext 2.1提供了大量...
本文将深入探讨如何在Ext Grid中实现增删改查(CRUD)操作,这些操作是任何数据管理应用的基础。 首先,我们需要了解`Ext.grid.Panel`,它是Ext JS中的主要表格组件。这个组件可以显示大量数据,并提供了分页、排序...
7. **FormPanel**:用于创建表单,支持各种表单元素,并能进行验证和数据提交。 8. **Drag and Drop**:EXT支持拖放操作,允许用户通过鼠标拖动组件或数据。 9. **Ext Designer支持**:EXT 2.0可能还支持EXT ...
描述提到"配置proxy就好请求就可以从后台拿数据",这通常意味着在实际应用中,proxy会被配置为某种类型,如AjaxProxy或ScriptTagProxy,以便与服务器进行异步通信,获取或提交数据。但在这个例子中,由于是本地数据...
在EXTJS中,异步提交数据是常见的操作,主要用于与服务器...如果需要创建复杂的表单并利用EXT JS的组件功能,第三种方式更合适。在处理失败情况时,通常都需要提供错误处理回调函数,以确保用户体验和数据的一致性。