一个简单的ajax实现的登录校验

最新推荐文章于 2021-08-06 05:34:35 发布

键盘歌唱家

最新推荐文章于 2021-08-06 05:34:35 发布

阅读量153

点赞数

分类专栏： javaweb 文章标签： ajax java servlet

本文链接：https://blog.csdn.net/MoastAll/article/details/107673043

版权

javaweb 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

传统方式：
前台：


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
      <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
      <script>
          $(document).ready(function () {

              $("#d").click(function () {
                  var $y = $("#y").val();
                  var $m = $("#m").val();
                  $.post(
                      "check",
                      {"yy":$y,"mm":$m},
                      function (result) {
                          if(result == "yes"){
                              alert("登录成功！！");
                          }else {
                              alert("登录失败~~");
                          }
                      }
                  );
              });
          });
      </script>
  </head>

  <body>

  <div id="form">
      用户：<input type="text" name="yy" id="y"/><br/>
      密码：<input type="text" name="mm" id="m"/><br/>
      <input type="button" value="登录" id="d"/>
  </div>

  </form>

  </body>
</html>

后台：

package serverlet;

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;

@WebServlet("/check")
public class check extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        response.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=UTF-8");
        String yy = request.getParameter("yy");
        String mm = request.getParameter("mm");
        PrintWriter out = response.getWriter();
        if ("lzl".equals(yy) && "123".equals(mm)){
            out.print("yes");
        }else {
            out.print("no");
        }
        out.close();
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }
}

springmvc方式：
本次只需要mvc项目的基础jar
前台没什么好改的：


<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
      <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
      <script>
          $(document).ready(function () {

              $("#d").click(function () {
                  var $y = $("#y").val();
                  var $m = $("#m").val();
                  $.post(
                      "handler/ajaxx",
                      {"yy":$y,"mm":$m},
                      function (result) {
                          if(result == "yes"){
                              alert("登录成功！！");
                          }else {
                              alert("登录失败~~");
                          }
                      }
                  );
              });
          });
      </script>
  </head>

  <body>

  <div id="form">
      用户：<input type="text" name="yy" id="y"/><br/>
      密码：<input type="text" name="mm" id="m"/><br/>
      <input type="button" value="登录" id="d"/>
  </div>

  </form>

  </body>
</html>

后台：
注意！！由于方法指定了返回的类型为字符串，所以可以不引入jacson相关的jar，但一般来说，加上@ResponseBody 默认以json数组返回给前台

package handler;


import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;

import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;

@Controller
@RequestMapping("handler")
public class control {

    @ResponseBody
    @RequestMapping("ajaxx")
    public String ajaxx(@RequestParam("yy") String yy,@RequestParam("mm") String mm){
        if("lzl".equals(yy) && "123".equals(mm)){
            return "yes";
        }else {
            return "no";
        }
    }

}