`
fortaotao
  • 浏览: 47652 次
  • 性别: 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异步提交实例

    总结一下,这个AJAX异步提交实例展示了如何使用JavaScript创建一个简单的登录系统,利用AJAX技术实现无刷新的登录验证。用户输入账号和密码后,通过AJAX发送数据到服务器,服务器验证后返回结果,客户端根据返回结果...

    基于jsp+servlet+Ajax异步登陆模拟web项目

    【基于jsp+servlet+Ajax异步登陆模拟web项目】是一个典型的Web开发实例,它整合了三种核心技术:JavaServer Pages(JSP)、Servlet以及Asynchronous JavaScript and XML(Ajax)。这个项目的核心目的是实现用户登录...

    coolite 登陆实例

    在"coolite 登陆实例"中,我们可以深入理解EXTJS如何实现登录功能,这是一个常见的需求,尤其是在企业级Web应用中。 首先,`Login.aspx`是一个ASP.NET页面,它通常作为登录界面的前端展示。在这个文件中,EXTJS的...

    一个SSH的登陆注册实例

    总的来说,这个SSH的登陆注册实例是一个实践性的教学资源,可以帮助初学者深入理解SSH框架的集成使用,以及它们如何共同实现Web应用的核心功能。通过研究这个实例,开发者可以学习到如何处理HTTP请求,如何操作...

    vb6用的xmlhttp模块,get和post方式提交数据,异步获取,不卡死,十分好用

    这个标题提到的"vb6用的xmlhttp模块"实际上是指使用VB6(Visual Basic 6)编程时,通过XMLHTTP组件进行GET和POST请求,以实现异步的数据提交和获取,避免程序卡死的情况。这种技术对于创建网络投票程序、信息采集...

    adajx_struts2登陆框实例

    在本实例中,“adajx_struts2登陆框”着重展示了如何利用Struts2框架与AJAX技术结合,创建一个动态、交互式的登录界面。 首先,我们需要理解Struts2的核心概念。Struts2框架通过Action类处理用户请求,并返回相应的...

    Ext js登陆实例下载

    在这个实例中,jQuery可能被用来处理页面上的事件,如点击登录按钮,以及与服务器进行异步通信。 Ext JS 则负责构建登录界面的UI组件,如输入框、按钮等。它的组件模型强大而灵活,允许开发者定制复杂的布局和样式...

    CISCO路由器配置实例

    CISCO路由器配置实例 本文档提供了CISCO路由器配置实例...* 远程异步登陆 Cisco 路由器 十九、安全认证 * 路由器内的安全认证 二十、Call Back 命令解析 * Call Back 命令解析 ...(有很多其他配置实例和知识点)

    QT串口登陆实例

    在实际开发中,你可能还需要考虑多线程以避免阻塞UI,或者使用异步I/O来提高响应速度。同时,为了提高代码的可复用性和可维护性,可以封装串口操作为一个单独的类,以便在其他地方重用。 这个QT串口登录实例展示了...

    简单的ajax/jquery/php/sql 网站用户登陆小实例

    在这个例子中,jQuery将用于监听表单的提交事件,然后使用$.ajax方法发起异步请求。$.ajax方法接收多个参数,包括URL、数据类型、请求类型等,以定义如何与服务器通信。 PHP是一种服务器端脚本语言,用于处理后端...

    jQuery实例大全

    接下来,"ajax分页查询+Div透明遮盖"实例展示了jQuery如何与Ajax技术结合进行异步数据请求。jQuery的`$.ajax()`函数简化了Ajax的使用,允许开发者轻松地发送HTTP请求,获取服务器端数据,实现页面的无刷新分页。同时...

    html5+jquery+mysql登陆验证实例

    前端验证是用JavaScript(这里使用jQuery)在用户提交表单前检查输入的有效性,避免无效请求发送到服务器。而后端验证则是在服务器端(这里是通过MySQL数据库)确认用户提供的凭证是否匹配。这涉及到数据库查询,...

    Ajax无刷新登陆实例代码

    总结起来,"Ajax无刷新登陆实例代码"是一个完整的解决方案,演示了如何利用Ajax、ASP和ACCESS数据库来构建一个无需页面刷新的登录系统,提升了用户体验。Prototype.js作为前端库,简化了JavaScript代码的编写,使得...

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

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

    ajax+php技术的登陆实例

    2. **编写JavaScript**:接着,我们需要用JavaScript监听表单的提交事件,并使用Ajax发送请求。这里我们使用jQuery库简化Ajax调用: ```javascript $(document).ready(function() { $('#loginForm').on('submit', ...

    ajax与jquery实现的简单验证实例

    这个“ajax与jquery实现的简单验证实例”着重于如何利用这两种技术进行前端数据验证,提高用户体验,减少不必要的服务器交互。在这个实例中,我们将探讨Ajax的核心概念,jQuery库的优势,以及它们如何结合实现表单...

    dwr学习实例+dwr完整包(简单登陆,完整版,下载可直接跑)

    在这个实例中,开发者使用myEclipse来创建和管理项目。 8. **Hibernate ORM框架**:Hibernate 3.2是一个流行的Java对象关系映射(ORM)工具,它允许开发者用面向对象的方式操作数据库。在这个实例中,Hibernate可能...

    Ajax入门的验证实例[asp.net2003+SQL2000]

    Ajax入门的验证实例是针对初学者的一个典型应用,它展示了如何使用Asp.Net 2003和SQL 2000实现异步JavaScript(Ajax)来验证数据库中用户名是否已存在。Ajax技术允许在不刷新整个网页的情况下,与服务器进行数据交互...

    AJAX一个验证实例

    这个"AJAX一个验证实例"是一个基础教程,旨在帮助初学者了解如何使用AJAX进行用户登录验证。在这个实例中,我们将探讨以下几个关键知识点: 1. **XMLHttpRequest对象**:这是AJAX的核心,用于在后台与服务器通信。...

Global site tag (gtag.js) - Google Analytics