用ajax实现登陆验证,jquery ajax 登录验证实现代码

使用 jquery 框架：下载 jquery.js

新建一个 web 工程 ajax ；

在 webRoot 下新建一个 jslib 文件夹：专门存放 js 文件；

在 webRoot 下新建一个 html/jsp 页面：

login.html

head>

用户校验 h1>

div>

body>

在 jslib 下新建一个 js 文件：

verify.js ；

function verify()

{

var paramObj=encodeURI(encodeURI($( "#username" ).val()));

$.get( "TestSvlt?username=" +paramObj, null ,callback);

}

function callback(data)

{

var resultObj=$( "#result" );

resultObj.html(data);

}

新建一个 servlet ： AjaxLogin 类；在 doGet 方法中写

response.setContentType( "text/html;charset=utf-8" );

PrintWriter out=response.getWriter();

String name=request.getParameter( "username" );

String username= URLDecoder.decode (name, "UTF-8" );

System. out .println(username);

if ( null ==username|| "" .equals(username))

{

out.print( "username is not null" );

}

else

{

if (! "lej" .equals(username))

{

out.print(username+ " not existing" );

}

else {

out.print(username+ " login successs" );

}

}