如何在页面上写AJAX

<script type="text/javascript">
	//该对象来保存建立好的XMLHttpRequest对象
	var xmlHttp ;
	//通过下面的方法来建立这个XMLHttpRequest对象
	function createXMLHttp(){
		//先判断当前使用的浏览器类型
		if(window.XMLHttpRequest){
			//表示当前使用的firefox系列的浏览器
			xmlHttp = new XMLHttpRequest();
		}else{
			//表示当前使用的IE系列的浏览器
			xml = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	functon 方法名称1(参数1){
		//创建xmlHttp
		createXMLHttp();
		//设置提交路径
		xmlHttp.open("提交方式(post,get)","Servlet的路径命?status=状态&传递的参数名称="+参数1);
		//设置回调函数
		xmlHttp.onreadystatechange = new 方法名称1CallBack ;
		//提交
		xmlHttp.send();
	}
	function 方法名称1CallBack(){
		// 需要设置好执行该方法的操作状态，也依赖于xmlHttp对象的某一个属性
		// xmlHttp.readyState来控制当前操作的执行状态。
		// 该属性一共有4个值： 1 - 4，对应AJAX中操作的4个状态：
		// 1： 确定Servlet连接状态。（执行到xmlHttp.open()）
		// 2： 提交到了Servlet中。（执行到xmlHttp.send()）
		// 3： Servlet开始返回数据。（执行到Servlet中的out.print()）
		// 4： Servlet返回结束。（执行到Servlet中的out.close()）
		// 回调函数应该在最后一个状态才执行，因此先判断执行状态
		if (xmlHttp.readyState == 4) {
			// 判断当前返回时是否出现异常。
			// 依据xmlHttp的status属性进行异常的判断
			if (xmlHttp.status == 200) {
				// 执行正常，开始接收返回的数据
				var flag = xmlHttp.responseText ;
				// 这里返回的并不是一个boolean类型，而是字符串类型，因此需要使用字符串比较的方式来进行判断。						
				// 打印测试结果
				if (flag == "true") {
					document.getElementById("<span/>的ID值").innerHTML = "<font color='red'>需要显示的提示</font>" ;
					formFlag = false ;
				} else {
					document.getElementById("<span/>的ID值").innerHTML = "<font color='green'>需要显示的提示</font>" ;
					formFlag = true ;
				}		
			} else {
				// 这时状态不正常
				alert("处理过程中出现问题，请与管理员联系..." + xmlHttp.status);
				}
			}
		}
	function 方法名称2(){
		// 在调用check方法前就已经验证过用户名，并设置过一个是否可以提交的标志。
		return formFlag ;
		}
	}
</script>