Ajax介绍——什么是Ajax？

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 "此手机号不可以注册";
	}
?>