|
|
新建一個(gè) web 工程 ajax ；
在 webRoot 下新建一個(gè) jslib 文件夾：專門存放 js 文件；
在 webRoot 下新建一個(gè) html/jsp 頁面：
login.html
復(fù)制代碼 代碼如下:
<script type = "text/Javascript" src = "jslib/jquery.js"></ script>
<script type = "text/Javascript" src = "jslib/verify.js"></ script>
</ head>
<body>
<h1> 用戶校驗(yàn) </ h1>
<!-- ajax 中可以不用 form 表單的提交 -->
<!--input 標(biāo)簽中不需要用 name 屬性，只用 id 屬性就行了 -->
<!-- 用 id 屬性是為了使用 dom-->
<input type = "text" id = "username" /><br />
<input type = "button" value = " 校驗(yàn) " onclick = "verify()" />
<!--div 為空是為了存放服務(wù)器返回的信息 -->
<div id = "result"></ div>
</ body>
在 jslib 下新建一個(gè) js 文件：
verify.js ；
復(fù)制代碼 代碼如下:
function verify()
{
var paramObj=encodeURI(encodeURI($( "#username" ).val()));
$.get( "TestSvlt?username=" +paramObj, null ,callback);
}
function callback(data)
{
var resultObj=$( "#result" );
resultObj.html(data);
}
新建一個(gè) servlet ： AjaxLogin 類；在 doGet 方法中寫
復(fù)制代碼 代碼如下:
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" );
}
}
JavaScript技術(shù)：jquery ajax 登錄驗(yàn)證實(shí)現(xiàn)代碼，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
