JSP + Servlet + AJAX + JQuery实现用户名登录

最新推荐文章于 2024-03-24 15:20:45 发布

miansoon

最新推荐文章于 2024-03-24 15:20:45 发布

阅读量328

点赞数

分类专栏： javascript/ajax 文章标签： Servlet jQuery Ajax JSP JavaScript ViewUI

javascript/ajax 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.服务器端的Servlet的源代码：

AJAXServer.java源代码

package test;
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
public class AJAXServer extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
this .doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8" );
PrintWriter out = response.getWriter();
String old = request.getParameter("userName" );
if (old == null || old.length() == 0 ) {
out.println("用户名不能为空" );
} else {
if (old.equals( "admin" )) {
out.println("用户名 [" + old + "] 已经存在，请使用其他用户名" );
} else {
out.println("用户名 [" + old + "] 尚未存在，可以使用该用户名注册" );
}
}
}
}

2.web.xml中关于AJAXServer的配置。

Xml代码

< servlet >
< servlet-name >AJAXServer </ servlet-name >
< servlet-class > test.AJAXServer </ servlet-class >
</ servlet >
< servlet-mapping >
< servlet-name >AJAXServer </ servlet-name >
< url-pattern > /AJAXServer </ url-pattern >
</ servlet-mapping >

3.客户端html代码的实现。

ajax01.html源代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>ajax01.html</title>
<script type="text/javascript" src="web/jquarylib/jquery.js"></script>
<script type="text/javascript" src="web/jquarylib/verify.js"></script>
</head>

<body>
    <input type = "text" id ="username"/>
    <input type = "button" value="11" οnclick="verify();"/>
    <div id="result"></div>
</body>
</html>

4.客户端javascript代码的实现。

verify.js源代码：

function verify(){

    var jqueryObj = $("#username");

    var username = jqueryObj.val();

    $.get("AJAXServer?username=" + username,null,callback);
}

function callback(data){
    $("#result").html(data);
}

miansoon

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JSP + Servlet + AJAX + JQuery实现用户名登录

1.服务器端的Servlet的源代码：AJAXServer.java源代码package test; import java.io.*; import javax.servlet.*; import javax.servlet.http.*; ...
复制链接

扫一扫

专栏目录