`
fortaotao
  • 浏览: 46602 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

登录用异步(实例)

阅读更多

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Login Page</title>
<script language="javascript" src="js/jquery-1.3.2.min.js"></script>
<script language="javascript" src="js/ui.core.js"></script>
<script language="javascript" src="js/ui.tabs.js"></script>
<script language="javascript" src="js/ui.dialog.js"></script>
<script language="javascript" src="js/jquery.validate.js"></script>
<script language="javascript" src="js/jquery.form.js"></script>
<link type="text/css" href="css/ui.core.css" rel="stylesheet" />
<link type="text/css" href="css/ui.tabs.css" rel="stylesheet" />
<link type="text/css" href="css/ui.dialog.css" rel="stylesheet" />
<link type="text/css" href="css/ui.theme.css" rel="stylesheet" />
<script language="javascript">
$(function(){
 var loadImg = jQuery("<img src='images/loading.gif' alt='loading...' valign='center'/> 正在处理请求,请稍后...");
 var loader = jQuery("<div id='loadingDialog' title='网站提示'></div>").appendTo("body")
 .hide();
 loader.html(loadImg);
 $("#loadingDialog").dialog({
  bgiframe: true,
  autoOpen:false,
  modal: true
 });
 var button = false;
 $("span.ui-icon").remove();
 var loginalert = jQuery("<div id='loginalert' title='登录提示'></div>").appendTo("body")
 .hide();
 jQuery().ajaxStart(function() {
   loader.html(loadImg);
   $("#loadingDialog").dialog('option','buttons',{});
   $("#loadingDialog").dialog('open');
  }).ajaxStop(function() {
   if (button){
    $("#loadingDialog").dialog('option','buttons',{
     '确定':function(){
      $(this).dialog('close');
     }
    });
   }else{
    $("#loadingDialog").dialog('close');
   }
  }).ajaxError(function(a, b, e) {
   alert(a+"||"+e.url);
  });
 $("#form").validate({
  submitHandler: function(form) {
   jQuery(form).ajaxSubmit({
    type:'POST',
    success:function(msg){
     if (msg=="success"){
      window.location.href = "listAccounts.html";
     }else if (msg=="failure"){
      $("#loadingDialog").html("用户名或密码不正确");
      button = true;
      
     }
    }

   });
   return false;
  }
 });

});
</script>
</head><body onload='document.f.j_username.focus();'>
<h3>Login with Username and Password</h3><form id="form" name='f' action='/DAJIAOYA/j_spring_security_check' method='POST'>
 <table>
    <tr><td>User:</td><td><input type='text' name='j_username' class='required' value=''></td></tr>
    <tr><td>Password:</td><td><input type='password' name='j_password'  class='required'/></td></tr>
    <tr><td><input type='checkbox' name='_spring_security_remember_me'/></td><td>Remember me on this computer.</td></tr>
    <tr><td colspan='2'><input name="submit" type="submit"/></td></tr>
    <tr><td colspan='2'><input name="reset" type="reset"/></td></tr>
    <tr><td colspan='2' id='result'></td></tr>
  </table>
</form></body></html>

分享到:
评论

相关推荐

    Jquery和Asp netAJAX 异步通讯实例

    Jquery和Asp netAJAX 异步通讯实例 京华志&精华志出品 希望大家互相学习,互相进步 支持CSDN 支持微软 主要包括C# ASP.NET SQLDBA 源码 毕业设计 开题报告 答辩PPT等

    用AJAX实现页面登陆以及注册用户名验证的简单实例

    简而言之,XMLHttpRequest使您可以使用 JavaScript 向服务器提出请求并处理响应,而不阻塞用户。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对...

    jQuery+json异步实现JSP和struts2之间的数据传递

    一个jquery+json 数据传递的 实例工程,代码注释详细,很适合 初学者,这是我帮老弟打的,希望可以帮到其他人

    JAVA上百实例源码以及开源项目源代码

    得到RSA密钥对,产生Signature对象,对用私钥对信息(info)签名,用指定算法产生签名对象,用私钥初始化签名对象,将待签名的数据传送给签名对象(须在初始化之后),用公钥验证签名结果,使用公钥初始化签名对象,用于...

    百度sdk源码授权登陆和gson解析个人信息

    实例中使用百度sdk源码授权登陆和gson解析个人信息、以及同步异步请求等

    vc++ 开发实例源码包

    演示了OpenG的使用方法,内含几个实例,一个实例就3个文件。 p2p vb实例。 p2p+technology 文档。 P2P视频技术源码(含开发文档) 目前的协议有如下一些特点: 1) 客户向服务器发送请求, 每个请求的长度不定. 请求...

    JAVA上百实例源码以及开源项目

    得到RSA密钥对,产生Signature对象,对用私钥对信息(info)签名,用指定算法产生签名对象,用私钥初始化签名对象,将待签名的数据传送给签名对象(须在初始化之后),用公钥验证签名结果,使用公钥初始化签名对象,用于...

    struts2+spring+ibatis 实例(含源码)

    使用mvc框架用异步方式实现用户登陆,同时整合dwr。初学者可以参考下。

    微信小程序 本地存储及登录页面处理实例详解

    处理登陆表单数据(异步) 清除本地数据 登录界面: 在app.json中添加登陆页面pages/login/login,并设置为入口。 保存后,自动生成相关文件(挺方便的)。 修改视图文件login.wxml &lt;!--pages/login/login....

    CS监听模式ReceiveCallBack(IAsyncResult AR)

    本软件是使用套接字、ReceiveCallBack(IAsyncResult AR)函数为例的客服实例,修正了关闭客户端会导致异常的Bug;并且还是一个RichTextBox颜色使用的范例,不同的事件使用不同的颜色:如用户登录用红色、用户名用绿色...

    PHP如何通过AJAX方式实现登录功能

    本文实例讲述了Ajax+PHP+MySQL登陆示例。分享给大家供大家参考。具体如下: 运行效果截图如下: 具体代码如下: 1 login.php 登录界面中,javascript脚本用ajax方式异步请求dologin.php,dologin.php负责用户信息验证...

    Python 项目开发实战项目 - Python tornado 开发 BBS 论坛项目源码

    项目使用高性能异步服务器框架Tornado来实现,在单个Tornado实例下,4核Intel i7 cpu可以达到1000-3000 的QPS 功能模块: # 授权模块 * 登陆 * 注册 * 注销 * 验证码 # 问题模块 * 问题列表 * 问题分页 * 问题...

    以太网芯片CH395资料-支持国产.rar

    | | |---EXAM9: C示例源程序,CH395 MAIL应用实例,演示使用CH395进行邮件收发 | | |---EXAM10: C示例源程序,CH395 FTP服务器应用实例、支持读写、删除、创建文件功能 | | |---EXAM11: C示例源程序,CH395 FTP ...

    漂亮实用的页面loading(加载)封装代码

    要做一个异步登录,打算给用户做一点提示,所以就网上找了点代码,自己修改新增了一些,做了一个html+css+js的功能封装,以备未来直接使用。 html &lt;!-- 缓冲提示条 --&gt; 正在登陆 &lt;div class=rect1&gt;&lt;/div...

    asp.net知识库

    使用Relations建立表之间的关系并却使用PagedDataSource类对DataList进行分页 通过作业,定时同步两个数据库 SQLSERVER高级注入技巧 利用反射实现ASP.NET控件和数据实体之间的双向绑定,并且在客户端自动验证输入的...

    李兴华 Java Web 开发实战经典_带源码_高清pdf 带书签 上

    5.7、实例操作:用户登陆程序实现(JSP + JDBC实现) 5.7.1、创建数据库表 5.7.2、程序实现思路 5.7.3、程序实现 5.8、本章摘要 5.9、开发实战讲解(基于Oracle数据库) 第6章 JSP内置对象 6.1、JSP内置对象...

    MLDN+李兴华+Java+Web开发实战经典.part3.rar )

    5.7、实例操作:用户登陆程序实现(JSP + JDBC实现) 5.7.1、创建数据库表 5.7.2、程序实现思路 5.7.3、程序实现 5.8、本章摘要 5.9、开发实战讲解(基于Oracle数据库) 第6章 JSP内置对象 6.1、JSP内置对象...

    李兴华 java_web开发实战经典 源码 完整版收集共享

    5.7、实例操作:用户登陆程序实现(JSP + JDBC实现) 5.7.1、创建数据库表 5.7.2、程序实现思路 5.7.3、程序实现 5.8、本章摘要 5.9、开发实战讲解(基于Oracle数据库) 第6章 JSP内置对象 6.1、JSP内置对象...

    李兴华 Java Web 开发实战经典_带源码_高清pdf 带书签 下

    5.7、实例操作:用户登陆程序实现(JSP + JDBC实现) 5.7.1、创建数据库表 5.7.2、程序实现思路 5.7.3、程序实现 5.8、本章摘要 5.9、开发实战讲解(基于Oracle数据库) 第6章 JSP内置对象 6.1、JSP内置对象...

Global site tag (gtag.js) - Google Analytics