使用 jquery 框架：下载 jquery.js 新建一个 web 工程 ajax ； 在 webRoot 下新建一个 jslib 文件夹：专门存放 js 文件； 在 webRoot 下新建一个 html/jsp 页面： login.html 代码如下: 用户校验 在 jslib 下新建一个 js 文件： verify.js ； 代码如下:function verify() { var paramObj=encodeURI(encodeURI($( "#username" ).val())); $.get( "TestSvlt?username=" +paramObj, null ,callback); } function callb...
代码如下: $.ajax({ type: "post", url: "Handler1.ashx", data: { username: "admin", password: "123" }, success: successHandle }); function successHandle(rep) { $("#msg").html(rep); }
不多说了，上码 action 代码如下: package com.lk.action; import javax.annotation.Resource; import com.googlecode.jsonplugin.annotations.JSON; import com.lk.service.StudentControl; import com.opensymphony.xwork2.ActionSupport; public class LoginAjaxAction extends ActionSupport { private String username; private StudentControl studentControl; @JSON(serialize=false) //setStudentControl利用了spring，很...
JQuery遮罩层登录界面效果的实现，AJAX实现登录验证，文章尾有完整示例源码下载，欢迎大家学习研究。
操作系统：Windwos7 Ultimate
开发工具：Visual Studio 2010
数据库：Sql Server 2005
测试浏览器：IE8、FF3.6.8、Google Chrome （IE8中弹出登录层后会出现竖拉条，其他两种没有出现，那个竖拉条可以在JS中通过修改数值让其不出现，但是下面会出现白边，越来越觉得IE有点那个了......）
1、预览1）登录前2）点击登录显示登录窗口...
在上一篇文章/article/83504.htm中，用javascript实现了用户验证，但并没有对密码进行验证，这次追加了这个功能，并分别用javascript和jquery实现。
一.用jquery的ajax实现的关键代码
实现如下/*jquery实现
$(document).ready(function(){$("#account").blur(function(event) {$.ajax({type:"GET",url:"checkAccount.phpaccount="+$("#account").val(),dataTypes:"text",success:function(msg){$("#accountStatus").html(msg);},er...
在上一篇文章//www.gxlcms.com/article/83504.htm中，用javascript实现了用户验证，但并没有对密码进行验证，这次追加了这个功能，并分别用javascript和jquery实现。
一.用jquery的ajax实现的关键代码
实现如下
/*jquery实现
$(document).ready(function(){$("#account").blur(function(event) {$.ajax({type:"GET",url:"checkAccount.php?account="+$("#account").val(),dataTypes:"text",success:function(msg){$("#accountStatu...
JQuery遮罩层登录界面效果的实现，AJAX实现登录验证，文章尾有完整示例源码下载，欢迎大家学习研究。
操作系统：Windwos7 Ultimate
开发工具：Visual Studio 2010
数据库：Sql Server 2005
测试浏览器：IE8、FF3.6.8、Google Chrome （IE8中弹出登录层后会出现竖拉条，其他两种没有出现，那个竖拉条可以在JS中通过修改数值让其不出现，但是下面会出现白边，越来越觉得IE有点那个了......）
1、预览
1）登录前
2）点击登录...
不多说了，上码 action 代码如下:package com.lk.action; import javax.annotation.Resource; import com.googlecode.jsonplugin.annotations.JSON; import com.lk.service.StudentControl; import com.opensymphony.xwork2.ActionSupport; public class LoginAjaxAction extends ActionSupport { private String username; private StudentControl studentControl; @JSON(serialize=false) //setStudentControl利用了spring，很重...
代码如下:$.ajax({ type: "post", url: "Handler1.ashx", data: { username: "admin", password: "123" }, success: successHandle }); function successHandle(rep) { $("#msg").html(rep); }
使用 jquery 框架：下载 jquery.js 新建一个 web 工程 ajax ； 在 webRoot 下新建一个 jslib 文件夹：专门存放 js 文件； 在 webRoot 下新建一个 html/jsp 页面： login.html 代码如下:<script type = "text/javascript" src = "jslib/jquery.js"></ script> <script type = "text/javascript" src = "jslib/verify.js"></ script> </ head> <body> <h1> 用户校验 </ h1> <!-- ajax 中可以不用 form 表单的提交 --> <!--input 标签...
代码如下: