Ajax介绍——什么是Ajax?

时间:2025-03-09 21:22:55

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

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

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

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

简单案例:

客户端

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

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

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

			//4.执行回调
			=function(){
				//这个回调函数不是执行一次
				if (==4&&==200) {
					=;
				}
			}

		}
	</script>

服务器端:

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