南强小屋 Design By 杰米
使用 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" );
}
}
标签：
ajax,登录验证
南强小屋 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
南强小屋 Design By 杰米
暂无jquery ajax 登录验证实现代码的评论...
稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！
昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？