js Ajax 登录页面

html 部分

<div id="show">div>
   <form action="#" method="post">
    账号:<input type="text" name="name" id="name"/><br/>
    密码:<input type="text" name="pwd" id="pwd"/><br/>
    <input type="button" value="登录"/>
   form>

javascript 部分

$(function(){
      $(":button").on("click",function(){
       $.ajax({
         url:"test",
         type:"post",
         data:{
          name:$("#name").val(),
          pwd:$("#pwd").val(),
         },
         dataType:"text",
         success:function(data){
          if(data == "ok"){
          window.location.href="test.jsp";
          }else{
          $("#show").text("登陆失败!");
          }
         }       
       });
      });
     });

Servlet 部分

response.setContentType("text/html;charset=utf-8");
  request.setCharacterEncoding("utf-8");
  PrintWriter out = response.getWriter();
  //设置账号密码
  String name="admin";
  String pwd="123456";
  //获取账号密码
  String ajaxName=request.getParameter("name");
  String ajaxPwd=request.getParameter("pwd");
  
  System.out.println(ajaxName+":"+ajaxPwd);
  if(name.equals(ajaxName) && pwd.equals(ajaxPwd)){
   out.print("ok");
  }else{
   out.print("error");


图片

js Ajax 登录页面_第1张图片

你可能感兴趣的:(JS)