2021-06-06 判断用户名是否已存在于php文件中

html:

    <input type="text" onblur="fn(this)">
    <span></span>

script:

 	//1.获取节点
    var input = document.querySelector("input");
    var span = document.querySelector("span");

    function fn(that) {
        //2.获取表单内容
        let val = that.value;
        //3.创建xhr对象
        var xhr = new XMLHttpRequest();
        //4.创建请求
        xhr.open("get", "user.php?user=" + val);
        //5.发送请求
        xhr.send();
        //6.设置监听
        xhr.onreadystatechange = function() {
            if (xhr.readyState == 4 && xhr.status == 200) {
                if (xhr.responseText == 4445) {
                    span.style.color = "red";
                    span.innerHTML = "用户名已存在!"
                } else {
                    span.style.color = "green";
                    span.innerHTML = "您已注册成功!"
                }
            }
        }
    }

user.php

<?php
    //接收get参数
    $user=$_GET['user'];
    //已存在的用户名
    $arr=["zs","ls","ww"];
    //判断:不存在则返回1,存在则返回2
/*in_array() 函数搜索数组中是否存在指定的值。*/
    if(in_array($user,$arr)){
        echo 4445;
    }else{
        echo 2222;
    }
?>

运行结果: