Ajax學習小例

1、js ajax

//Ajax實現檢測用戶名是否存在
	var xmlRequest;
	/**
	*請求服務器
	*/
	function req(){
	//初始化xmlRequest對象
		try{
			xmlRequest = new XMLHttpRequest();// Firefox, Opera 8.0+, Safari
		}catch(e){
			try{
				xmlRequest = new ActiveXObject("Msxml2.XMLHTTP");//Internet Explorer
			}catch(e1){
				try{
					xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
				}catch(e2){
					alert("強烈建議您更換瀏覽器！您的瀏覽器太OUT了!");
				}
			}
		}
		//設置xmlRequest回調函數
		xmlRequest.onreadystatechange=responseFn;
		//獲取參數
		var userName = document.getElementById("userName").value;
		xmlRequest.open("GET", "checkRegName?userName="+userName+"&s="+new Date(), true);
		xmlRequest.send(null);
	}
	/**
	*回調函數，等待處理服務器端迴應
	*/
	function responseFn(){
	  if(xmlRequest.readyState==4){
		  if(xmlRequest.status==200){
			var responseText = xmlRequest.responseText;
			if(responseText==1){
				alert("換名吧！");
			}else{
				alert("賀喜賀喜！名字可用！");
			}
		  }
	  }
	}

2、jQuery Ajax實現

      需導入jq包，已經對中文亂碼進行了處理

function req(){
			var userName = $("#userName").val();
			$.get("checkRegName",{userName:userName},function(data){
				alert(data);
			});
		}

在後臺服務端的處理

response.setContentType("text/plain");
		PrintWriter out = response.getWriter();
		if(userName!=null&&userName.equals("admin")){
			out.print(1);
		}else{
			out.print(0);
		}
		out.flush();
		out.close();