Ajax之判断用户名是否存在

来源：互联网发布：php程序员简历项目经验编辑：程序博客网时间：2024/06/06 00:04

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

0 0