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小tip资料
Nov 23 Javascript
js replace正则表达式应用案例讲解
Jan 17 Javascript
js判断选择的时间是否大于今天的代码
Aug 20 Javascript
js获取input长度并根据页面宽度设置其大小及居中对齐
Aug 22 Javascript
JS实现向表格中动态添加行的方法
Mar 30 Javascript
jQuery遮罩层实现方法实例详解(附遮罩层插件)
Dec 08 Javascript
js控制TR的显示隐藏
Mar 04 Javascript
js仿百度登录页实现拖动窗口效果
Mar 11 Javascript
React Native 集成jpush-react-native的示例代码
Aug 16 Javascript
基于vue.js中事件修饰符.self的用法(详解)
Feb 23 Javascript
Vue路由切换时的左滑和右滑效果示例
May 29 Javascript
windows实现npm和cnpm安装步骤
Oct 24 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
桌面中心(一)创建数据库
2006/10/09 PHP
基于数据库的在线人数,日访问量等统计
2006/10/09 PHP
php设计模式 Prototype (原型模式)代码
2011/06/26 PHP
深入php中var_dump方法的使用详解
2013/06/24 PHP
在Laravel框架里实现发送邮件实例(邮箱验证)
2016/05/20 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
phpStudy vscode 搭建debug调试的教程详解
2020/07/28 PHP
JavaScript 组件之旅(三):用 Ant 构建组件
2009/10/28 Javascript
JavaScript和JQuery实用代码片段(一)
2010/04/07 Javascript
有关于eclipse配置spket需要注意的一些地方
2013/04/07 Javascript
JavaScript实现动态创建CSS样式规则方案
2014/09/06 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
Bootstrap carousel轮转图的使用实例详解
2016/05/17 Javascript
温习Javascript基础语法之词法结构
2016/05/31 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
2017/02/22 Javascript
JS+Ajax实现百度智能搜索框
2017/08/04 Javascript
js的各种数据类型判断的介绍
2019/01/19 Javascript
vue-父子组件和ref实例详解
2019/11/10 Javascript
Python中使用item()方法遍历字典的例子
2014/08/26 Python
对Python3中的input函数详解
2018/04/22 Python
python适合人工智能的理由和优势
2019/06/28 Python
对Tensorflow中tensorboard日志的生成与显示详解
2020/02/04 Python
使用sklearn的cross_val_score进行交叉验证实例
2020/02/28 Python
Python如何给函数库增加日志功能
2020/08/04 Python
Python基于callable函数检测对象是否可被调用
2020/10/16 Python
如何利用pycharm进行代码更新比较
2020/11/04 Python
有关HTML5中背景音乐的自动播放功能
2017/10/16 HTML / CSS
德国奢侈品网上商城:Mytheresa
2016/08/24 全球购物
美国婴儿用品及配件购买网站:Munchkin
2019/04/03 全球购物
销售活动策划方案
2014/08/26 职场文书
小学国庆节活动方案策划书
2014/09/16 职场文书
党的群众路线教育实践活动学习计划
2014/11/03 职场文书
农村党支部承诺书
2015/04/30 职场文书
新兵入伍决心书
2015/09/22 职场文书
母婴行业实体、电商模式全面解析
2019/08/01 职场文书
用Python实现屏幕截图详解
2022/01/22 Python