jquery ajax 登錄驗證實現(xiàn)代碼
更新時間：2009年09月23日 02:56:42 作者：
ajax 登錄驗證實現(xiàn)代碼，這里用到了jquery，當然如果不想用，可以參考腳本之前發(fā)布的文章。
使用 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 標簽中不需要用 name 屬性，只用 id 屬性就行了 -->
<!-- 用 id 屬性是為了使用 dom-->
<input type = "text" id = "username" /><br />
<input type = "button" value = " 校驗 " onclick = "verify()" />
<!--div 為空是為了存放服務器返回的信息 -->
<div id = "result"></ 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" );
}
}
新建一個 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 標簽中不需要用 name 屬性，只用 id 屬性就行了 -->
<!-- 用 id 屬性是為了使用 dom-->
<input type = "text" id = "username" /><br />
<input type = "button" value = " 校驗 " onclick = "verify()" />
<!--div 為空是為了存放服務器返回的信息 -->
<div id = "result"></ 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" );
}
}
相關文章
jQuery中設置form表單中action值的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query中設置form表單中action值的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
本文主要介紹了div中文字內容溢出常見的解決方法。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
本文給大家整理了9款基于jQuery的圖片滑塊焦點圖插件，效果都非常炫酷，演示和下載地址都給大家整理好了，有需要的小伙伴直接拿走吧，不用跟我客氣^_^2014-12-12
本節(jié)主要介紹了jquery使用text()方法取標簽中的文本的具體實現(xiàn),需要的朋友可以參考下2014-07-07
這篇文章主要介紹JQuery實現(xiàn)彈出炫麗對話框的同時讓背景變灰色效果,需要的朋友可以參考下2014-05-05![解決jquery submit()提交表單提示：f[s] is not a function](http://img.jbzj.com/images/xgimg/bcimg5.png)
解決jquery submit()提交表單提示：f[s] is not a&nb
jquery submit()無法提交表單 報錯：f[s] is not a function,很是疑惑搜集整理了一些解決方法，感興趣的朋友可以了解下啊，希望本文對你有所幫助2013-01-01
這里給大家整理了10個熱門的基于jQuery實現(xiàn)的文字、按鈕、表單等特效的代碼，集合起來方便大家對比使用2014-12-12
實現(xiàn)easyui的datagrid導出為excel的示例代碼
下面小編就為大家?guī)硪黄獙崿F(xiàn)easyui的datagrid導出為excel的示例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章介紹了jquery利用ajax調用后臺方法實例，有需要的朋友可以參考一下2013-08-08
本篇文章小編將為大家介紹，在jQuery中實現(xiàn)動畫效果的基本操作介紹，需要的朋友可以參考一下2013-04-04