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

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

创建Ajax引擎

同上节

发送Ajax请求

	//验证用户名
	functioncheckUserName(){
		createXmlHttpRequest();
		if(xmlHttpRequest){
			varuserName=document.getElementById("userName").value;
			//请求URL
			varurl="Regedit";
			//数据
			vardata="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);
		}
	}	

后台服务器处理

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

回调函数处理显示

同上节

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!