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


Posted in Javascript onAugust 08, 2008

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. }); 
Javascript 相关文章推荐
javascript一个无懈可击的实例化XMLHttpRequest的方法
Oct 13 Javascript
jQuery contains过滤器实现精确匹配使用方法
Apr 12 Javascript
js实现目录定位正文示例
Nov 14 Javascript
js复制网页内容并兼容各主流浏览器的代码
Dec 17 Javascript
js识别uc浏览器的代码
Nov 06 Javascript
Treegrid的动态加载实例代码
Apr 29 Javascript
Node.js之网络通讯模块实现浅析
Apr 01 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
Jun 22 Javascript
微信小程序模板和模块化用法实例分析
Nov 28 Javascript
最实用的JS数组函数整理
Dec 05 Javascript
微信小程序实现横向增长表格的方法
Jul 24 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
Aug 12 Javascript
ext实现完整的登录代码
Aug 08 #Javascript
Javascript与flash交互通信基础教程
Aug 07 #Javascript
二级域名或跨域共享Cookies的实现方法
Aug 07 #Javascript
Div Select挡住的解决办法
Aug 07 #Javascript
js模拟弹出效果代码修正版
Aug 07 #Javascript
top.location.href 没有权限 解决方法
Aug 05 #Javascript
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
Aug 05 #Javascript
You might like
PHP脚本中include文件出错解决方法
2008/11/20 PHP
php Rename 更改文件、文件夹名称
2011/05/24 PHP
PHP下载远程文件到本地存储的方法
2015/03/24 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
javascript TextArea动态显示剩余字符
2008/10/22 Javascript
通过DOM脚本去设置样式信息
2010/09/19 Javascript
javascript 节点排序 2
2011/01/31 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
2013/11/25 Javascript
jQuery产品间断向下滚动效果核心代码
2014/05/08 Javascript
javascript基本类型详解
2014/11/28 Javascript
超级给力的JavaScript的React框架入门教程
2015/07/02 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
2016/04/05 Javascript
轮播图组件js代码
2016/08/08 Javascript
angular实现spa单页面应用实例
2017/07/10 Javascript
Taro集成Redux快速上手的方法示例
2018/06/21 Javascript
python利用elaphe制作二维条形码实现代码
2012/05/25 Python
使用grappelli为django admin后台添加模板
2014/11/18 Python
Python中的Matplotlib模块入门教程
2015/04/15 Python
python数据类型_字符串常用操作(详解)
2017/05/30 Python
python实现简易云音乐播放器
2018/01/04 Python
python实现简易版计算器
2020/06/22 Python
Python基于datetime或time模块分别获取当前时间戳的方法实例
2019/02/19 Python
PyQt5 QTableView设置某一列不可编辑的方法
2019/06/25 Python
python过滤中英文标点符号的实例代码
2019/07/15 Python
Python 调用 Windows API COM 新法
2019/08/22 Python
python实现树的深度优先遍历与广度优先遍历详解
2019/10/26 Python
关于Flask项目无法使用公网IP访问的解决方式
2019/11/19 Python
python中strip(),lstrip(),rstrip()函数的使用讲解
2020/11/17 Python
python FTP编程基础入门
2021/02/27 Python
最新优秀教师个人先进事迹材料
2014/05/06 职场文书
公司的门卫岗位职责
2014/09/09 职场文书
2014年物资管理工作总结
2014/12/02 职场文书
师范生见习自我总结
2015/06/23 职场文书
2015年环境监察工作总结
2015/07/23 职场文书
大学生暑期实践报告之企业经营管理
2019/08/08 职场文书
我家女友可不止可爱呢 公开OP主题曲无字幕动画MV
2022/04/11 日漫