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

前端之家收集整理的这篇文章主要介绍了Ajax学习第二节_发送post请求前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

创建Ajax引擎

同上节

发送Ajax请求

@H_502_15@ //验证用户名 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();
	}

回调函数处理显示

同上节

猜你在找的Ajax相关文章