Ajax之判断用户名是否存在

最新推荐文章于 2021-04-03 19:43:00 发布

艾夏又更新了

最新推荐文章于 2021-04-03 19:43:00 发布

阅读量666

点赞数

分类专栏： Ajax 文章标签： ajax

本文为艾夏SEO博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/I_intern/article/details/53575608

版权

Ajax 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<pre>
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
    <title>Document&lt/title>
    </head>

    <body>
   <h3>判断用户名是否存在</h3>
      <input type="text" name="username" id="username" value="">
    <br>
    <script src="ajax3.0-min.js"></script>
    <script>
    // 当input失去焦点的时候，验证用户名是否存在
    // 1.获取对象
    var username = document.getElementById('username');

    // 2.失去焦点
    username.onblur = function() {
        // 获取input的值(获取用户输入的值)
        var value = this.value;

        // 将用户输入的内容发送到服务器，进行检验判断是否存在存在
        Ajax().get('1.php?username=' + value, function(msg) {
            console.log(msg);
            if (msg == 1) {
                alert('该用户已经被注册');
            } else {
                alert('该用户还没有被注册');
            }
        })
    }
    </script>
    </body>
    </html>
    </pre>

##1.PHP
    <?php

    // 服务器端：接收前端传递过来的用户名，并且判断是否存在
    $username = $_GET['username'];

    // 2.判断是否存在
    // 定义数组，模拟数据仓库，判断接收的用户名是否在数组中，在则证明存在，不在则说明用户名还没有注册
    $arr = ['zhangsan','lisi','wangwu','zhaoliu'];

    // php页面只能写echo输出
    if (in_array($username,$arr)) {
    echo 1;
    } else {
    echo 0;
    }