ajax请求

最新推荐文章于 2022-10-29 12:43:10 发布

777777-smail

最新推荐文章于 2022-10-29 12:43:10 发布

阅读量201

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_45591617/article/details/105473316

版权

笔记专栏收录该内容

68 篇文章 0 订阅

订阅专栏

图片轮播:

ajax函数:

    <style>
        span{
            color: red;
        }
    </style>
</head>
<body>
    <input id="username" type="text" placeholder="请输入用户名">
    <span id="userwarn"></span>
    <script>
        //绑定事件:给文本绑定失去焦点事件
        $("#username").blur(function () {
            //使用ajax函数提交
            $.ajax({
                url:"http://localhost:8080/check",
                type:"post",
                data:"username="+$(this).val(),
                success:function (resp) {
                //实现局部刷新功能
                    $('#userwarn').text(resp);
                },
                error:function () {
                    alert("服务器繁忙,请稍后重试!");
                }
            })
        })
    </script>
</body>

get函数:

    <style>
        span{
            color: red;
        }
    </style>
</head>
<body>
    <input id="username" type="text" placeholder="请输入用户名">
    <span id="userwarn"></span>
    <script>
        //给文本框绑定失去焦点
        $('#username').blur(function () {

            //使用get函数方法
            let url = "http://localhost:8080/check?username"+$(this).val();
            $.get(url,function (resp) {
                //局部刷新
                $('#userwarn').text(resp);
            });
        })
    </script>

post函数:

    <style>
        span{
            color: red;
        }
    </style>
</head>
<body>
    <input id="username" type="text" placeholder="请输入用户名">
    <span id="userwarn"></span>
    <script>
        //给文本框绑定失去焦点事件
        $('#username').blur(function () {

            //使用post函数请求
            let url = 'http://localhost:8080/check';
            let data = 'username='+$(this).val();
            $.post(url,data,function (resp) {
                //局部刷新
                $('#userwarn').text(resp);
            })
        })
    </script>