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

前端之家收集整理的这篇文章主要介绍了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();
	}

回调函数处理显示

同上节

原文链接:https://www.f2er.com/ajax/161595.html

猜你在找的Ajax相关文章