EXT的form表单ajax提交(默认提交方式)
function login(item) {
if (validatorForm()) {
// 登录时将登录按钮设为disabled,防止重复提交
this.disabled = true;
// 第一个参数可以为submit和load
formPanl.form.doAction('submit', {
url : 'user.do?method=login',
method : 'post',
// 如果有表单以外的其它参数,可以加在这里。我这里暂时为空,也可以将下面这句省略
params : '',
// 第一个参数是传入该表单,第二个是Ext.form.Action对象用来取得服务器端传过来的json数据
success : function(form, action) {
Ext.Msg.alert('操作', action.result.data);
this.disabled = false;
},
failure : function(form, action) {
Ext.Msg.alert('警告', '用户名或密码错误!');
// 登录失败,将提交按钮重新设为可操作
this.disabled = false;
}
});
this.disabled = false;
}
}
EXT表单的非ajax提交
//实现非AJAX提交表单一定要加下面的两行! onSubmit : Ext.emptyFn, submit : function() {
//再次设定action的地址
this.getEl().dom.action ='user.do?method=login'; this.getEl().dom.method = 'post';
//提交submit
this.getEl().dom.submit();
},
EXT的ajax提交
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 responseArray = Ext.util.JSON.decode(response.responseText);
if(responseArray.success==true){
Ext.Msg.alert('恭喜','您已成功登录!');
}
else{
Ext.Msg.alert('失败','登录失败,请重新登录');
}
}
});
分享到:
相关推荐
6.3.5 在form中使用Ext.Direct提交数据 187 6.3.6 使用polling方式进行轮询 189 6.4 本章小结 191 第7章 Store 192 7.1 Store的结构 192 7.2 Ext.data.Field 197 7.3 Ext.data.Record 198 7.4 ArrayReader、...
通过以上内容的介绍,我们可以了解到在Extjs4中如何利用`form.load()`方法实现从后台加载JSON数据,并将其映射到表单字段中显示的过程。这不仅有助于提高开发效率,还能增强应用程序的灵活性。希望本文能够帮助您更...
7.3.4 格式化提交数据:ext.data.writer.writer、ext.data.writer.json和ext.data. writer.xml / 322 7.3.5 writer对象的配置项 / 325 7.4 数据模型 / 326 7.4.1 概述 / 326 7.4.2 数据类型及排序类型:ext....
Ext深入浅出 数据传输 第10 章 数据存储与传输.....................................230 10.1 Ext.data简介............................................230 10.2 Ext.data.Connection....................230 ...
4.1.3 Ext.form.field.Base基础表单字段 4.1.4 Ext.form.field.Text文本域 4.1.5 Ext.form.field.TextArea文本区 4.1.6 Ext.form.field.Number数字输入框 4.1.7 Ext.form.field.Checkbox复选框和Ext.form.field....
在创建表单时,验证是必不可少的一环,以确保用户输入的数据符合预期。本文将详细总结ExtJS表单中的常见验证方式。 1. 空验证 在ExtJS中,可以通过设置`allowBlank`属性来实现空验证。如果`allowBlank`设为`false`...
#### 四、小结 ExtAspNet提供了一种简便的方式来构建复杂的树形结构菜单系统。通过上述步骤,我们可以轻松地实现菜单的动态加载、更新以及客户端验证等功能。这不仅提高了开发效率,也增强了用户体验。希望本文档...
### Extjs教程知识点总结 #### 第一章:序 - **主要内容**:简要介绍Extjs框架,并概述后续章节的学习内容。 #### 第二章:准备与资源 - **下载**:指导如何从官方...- **小结**:回顾综合项目的整体架构和技术要点。
#### 四、小结 通过上述实例可以看出,Extjs4的MVC架构提供了一种清晰的方式来组织和管理大型应用程序。通过定义不同的模型、视图和控制器,可以更容易地管理和扩展应用程序的功能。此外,通过使用诸如`control`、`...
8. `multipart/form-data`:用于上传文件时的表单数据编码。 9. `text/css`:CSS样式表文件。 10. `text/javascript`或`application/x-javascript`:JavaScript代码,现代浏览器通常使用`application/javascript`。 ...