AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。

AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。

简单案例：

客户端

<form action="checkNumber.php" method="get">
                手机号：<input type="text" name="phoneNumber" id="pnumber">
                <span id="numbertips"></span><br>
                用户名：<input type="text" name="username" id="username" id="username">
                <span id="usertips"></span><br>
                <input type="submit">
        </form>
        <script>
                //ajax请求就是HTTP请求（post、get）
                var pnumber=document.querySelector("#pnumber");
                var username=document.querySelector("#username");
                //当手机号文本框失焦
                pnumber.onblur=function(){
                        //1.定义请求对象
                        var xhr=new XMLHttpRequest();

                        //2.准备发送网络请求
                        //第一个参数dataType：post、get
                        //第二个参数后台请求地址
                        //第三个参数同步或者异步
                        xhr.open("get","04-checkNumber.php?phoneNumber="+pnumber.value,true);

                        //3.发送网络请求
                        xhr.send();

                        //4.执行回调
                        xhr.onreadystatechange=function(){
                                //这个回调函数不是执行一次
                                if (xhr.readyState==4&&xhr.status==200) {
                                        numbertips.innerHTML=xhr.responseText;
                                }
                        }

                }
        </script>
服务器端：

<?php
        $number=$_GET["phoneNumber"];
        if($number!="18336053333"&&$number!=""){
                echo "此手机号可以注册";
        }else{
                echo "此手机号不可以注册";
        }
?>

---------------------
【转载，仅作分享，侵删】
作者：Ryan Ji
原文：https://blog.csdn.net/qq_42451979/article/details/82792349
版权声明：本文为博主原创文章，转载请附上博文链接！

奈斯，感谢分享！