<%@ 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");
})