Ext做的简单登录界面(验证码刷新)
2011-05-13 21:25
459 查看
初学Ext,刚刚用Ext做了个登录界面,其中的验证码刷新出现了问题,试了好久都没好使,后来想起来再jQuery里的ajax方法是异步的,如果每次请求的URL不变的话,就会由缓存来处理请求,所以需要一个时间戳,保证每次请求的URL不同,在这里加了一下时间戳就可以了,我想这里的原理也应该和jQuery的那个是一样的,贴个代码吧
//login.js /*! * Ext JS Library 3.3.0 * Copyright(c) 2006-2010 Ext JS, Inc. * licensing@extjs.com * http://www.extjs.com/license */ app = {}; Ext.onReady(function(){ Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; var bd = Ext.getBody(); app.loginFormPanel = new Ext.FormPanel({ labelWidth: 75, // label settings here cascade unless overridden url:'#', frame:true, width: 350, defaults: {width: 230}, defaultType: 'textfield', items: [{ fieldLabel: 'User Name', name: 'user_name', allowBlank:false },{ fieldLabel: 'Password', inputType:'password', name: 'password', allowBlank:false },{ fieldLabel: 'Verification Code', name: 'veri_code', allowBlank:false },{ xtype:'panel', html:'<div style="padding-left:80px" mce_style="padding-left:80px"><a href="#" mce_href="#"><img alt="如果看不清单击图片更换图片。" onclick="javascript:app.changeCode(this)" id="code" height="30" width="72" src="validateCodeServlet" mce_src="validateCodeServlet" border=0></img></a></div>', border:false } ], buttons: [{ text: 'Save' },{ text: 'Cancel' }] }); app.loginWin = new Ext.Window({ width:400, height:200, title:'Login', plain:true, closable:false, resizable:false, layout:'fit', closeAction:'hide', items:[app.loginFormPanel] }); app.loginWin.show(); app.changeCode = function(obj){ var d = new Date(); obj.src = "validateCodeServlet?d=" + d; } });
相关文章推荐
- 实现带有验证码的ajax局部刷新登录界面
- 大众化的登录界面的一种完美简单的实现方法(验证码+自带一键删除+用户名密码为空时抖动提示)
- Selenium+Python 自动化操控登录界面(有简单验证码图片校验)
- [DZ平台]登录界面-无刷新验证码
- [C#]登录界面-无刷新验证码
- 安卓 简单的登录界面 (密码可见 获取验证码)(新手笔记-4)
- 登录界面 单击刷新验证码
- Ajax实现带有验证码的局部刷新登录界面
- Java SE 中swing的简单实例 ( swing实现简单学生管理系统的登录界面)
- 代码技巧1.类似于登录、注册界面要判断登录账号是不是空,验证码是否正确等,怎么写比较舒服一点?
- 简单的登录界面
- Xcode中使用自动布局实现简单登录界面
- asp.net如何实现生成验证码的登录界面
- 简单的登录界面
- C#做的登录界面包含验证码
- 简单说说Spring Security 使用(附加验证码登录,自定义认证)
- Swing图形界面实现可动态刷新的验证码
- 系统登录界面的验证码
- SpringMVC框架开发登录界面的验证码
- (数据库)Android登录,注册界面简单实现。