Ajax进行用户验证

最新推荐文章于 2021-03-31 00:53:06 发布

Grit_ICPC

最新推荐文章于 2021-03-31 00:53:06 发布

阅读量329

点赞数

分类专栏： Ajax 文章标签： ajax

本文链接：https://blog.csdn.net/Grit_ICPC/article/details/52999461

版权

Ajax 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

index:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="lib/jquery-3.1.1.js"></script>
    <script type="text/javascript" src="lib/tmp.js"></script>
</head>

<body>
    <input type="text" id="name" οnmοuseοut="solve()"/>


    <div id="result">
    </div>
</body>
</html>

tmp.js:

/*
$(function(){
    $('#submit').click(function () {
        console.log($("#name").val());
    });
});*/


function solve(){
    var obj1 = $("#name").val();
    $.get("AjaxServlet?name="+obj1,null,callback);
}

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

AjaxServlet:

package com.dqd;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

/**
 * Created by Dqd on 2016/11/1.
 */
@WebServlet(name = "AjaxServlet")
public class AjaxServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request, response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();

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

       if(name!=null){
           if(name.equals("dqd")){
               out.println("填写正确");
           }else{
               out.println("填写不正确");
           }
       }else
           out.println("用户不为空");
        //out.print("<a href='index.html'>返回登录页面</a>");
    }
}

还有配置web.xml文件注意name-class要写上全名