<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>ajax</title>
    <script src="/ajax/js/jquery-3.3.1.min.js"></script>
  </head>
  <body>
  <form action="http://www.ubfgho.com/" method="post" enctype="application/x-www-form-urlencoded">
    姓名：<input type="text" name="name"><span></span><br>
    密码：<input type="password" name="psw"><br>
    <input type="submit" value="提交"><br>
  </form>
  </body>
  <script>
      //jquery实现get的异步请求
      /*
      * 1、url
      * 2、发送给服务器的参数
      * 3、回调函数--接受响应正文
      * 4、期望服务器响应的数据格式
      * */
      $(':text').blur(function () {
          var name1=$(this).val().trim()
          $.get("/ajax/login?",{"name":name1},function (d) {
             $("span").html(d).css("color","red");
          },"text");
      })