案例：Ajax异步校验用户名是否存在

1.页面代码：

<script type="text/javascript">
	$(function(){
		//为输入框绑定事件
		$("#username").blur(function(){
			//1.失去焦点获得输入框的内容
			var usernameInput = $(this).val();
			//2.去服务器校验该用户名是否存在--ajax
			$.post(
				"${pageContext.request.contextPath}/CheckUsernameServlet",
				{"username":usernameInput},
				function(data){
					//接收到CheckUsernameServlet返回的值
					var isExist = data.isExist;
					//3.根据返回的isExist动态显示
					var uesrnameInfo = "";
					if(isExist){//对返回的值进行判断
						usernameInfo = "该用户名已经存在";
						$("#usernameInfo").css("color","red");//设置提示文本的显示颜色
					}else{
						usernameInfo = "该用户名可以使用