Ajax之判断用户名是否存在

关注

原创最新推荐文章于 2026-03-19 01:17:52 发布 750 阅读 AI 写同款· GEO 优化 ›

ajax异步验证用户名是否存在 ajax异步验证用户名是否存在，非常小巧的实例，需要安装oracle数据，建立一个用户表，实例中有用户表的实体，可以仿照写一个数据库。立即下载

<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;
    }