Ajax学习第二节_发送post请求

源码百度云下载地址：http://pan.baidu.com/s/1jIbDYkQ

创建Ajax引擎

同上节

发送Ajax请求

	//验证用户名
	function checkUserName() {
		createXmlHttpRequest();
		if (xmlHttpRequest) {
			var userName = document.getElementById("userName").value;
			//请求URL
			var url = "Regedit";
			//数据
			var data = "userName=" + encodeURI(encodeURI(userName));
			//提交请求
			xmlHttpRequest.open("post", url, true);
			//回调函数
			xmlHttpRequest.onreadystatechange = chuli;
			// 使用post提交时必须加上下面这行代码
            xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
			//发送请求
			xmlHttpRequest.send(data);
		}
	}	

后台服务器处理

protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		// 返回数据编码
		response.setContentType("text/html; charset=utf-8");
		// 打印数据到前台
		PrintWriter out = response.getWriter();
		// 获取用户名
		String userName = URLDecoder.decode(request.getParameter("userName"), "UTF-8");
		// 模拟数据库请求，假如有个用户名为xukaiqiang.
		if (userName.equals("xukaiqiang")) {
			out.print(userName + "用户名重复");
		} else {
			out.print(userName + "用户名可以使用");
		}
		out.close();
	}

回调函数处理显示

同上节