Ajax和Json实现案例：校验用户名是否存在

最新推荐文章于 2024-02-26 12:30:00 发布

VIP文章 AtlantisChina

最新推荐文章于 2024-02-26 12:30:00 发布

阅读量533

点赞数

分类专栏： JavaWeb 文章标签： AJAX JSON

本文链接：https://blog.csdn.net/q961250375/article/details/102669036

版权

效果展示

在这里插入图片描述

页面代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>校验用户名是否存在</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        //在页面加载完成后
        $(function () {
   
            //给username绑定blur事件
            $("#username").blur(function () {
   
                //获取username文本输入框的值
                var username = $(this).val();
                //发送ajax请求
                //期望服务器响应回的数据格式：
                // {"userExsit":true,"msg":"此用户名太受欢迎,请更换一个"}
                // {"userExsit":false,"msg":"用户名可用"}
                $.get("findUserServlet", {
   username: username}, function