Ajax

发布时间：2020-12-15 21:43:37 所属栏目：百科来源：网络整理

导读：%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"htmlheadmetahttp-equiv="Content-Type"content="text/html;charset=UTF

<%@pagelanguage="java"contentType="text/html;charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>Inserttitlehere</title>
<scripttype="text/javascript">
	//定义全局异步请求对象句柄
	varxmlHttpRequest;
	//根据不同浏览器创建不同的异步请求对象
	functioncreateXMLHttpRequest(){
		if(window.XMLHttpRequest){//非IE异步起请求对象创建
			xmlHttpRequest=newXMLHttpRequest();
		}elseif(window.ActiveXObject){//IE异步请求对象的创建
			try{
				xmlHttpRequest=newActiveXObject("Microsoft.XMLHTTP");
			}catch(e){
				xmlHttpRequest=newActiveXObject("Msxml2.XMLHTTP");
			}
		}
	}
	
	//创建发送请求函数
	functionsendRequest(){
		//判断异步请求对象是否为空
		if(xmlHttpRequest==null){
			createXMLHttpRequest();//调用创建异步请求对象的函数
		}
		//发送请求得到响应后回调函数
		xmlHttpRequest.onreadystatechange=function(){
			//判断响应状态为200页面加载状态为4才能处理响应结果
			if(xmlHttpRequest.readyState==4&&xmlHttpRequest.status==200){
				//alert(xmlHttpRequest.responseText);
				//获取信息校验信息的标签
				document.getElementById("msg").innerHTML=xmlHttpRequest.responseText;
			}
		};
		//获取文本框中输入的值
		vartypeName=document.getElementsByName("typeName")[0].value;
		//打开请求
		varurl="checkTypeNameServlet?typeName="+typeName;
		
		xmlHttpRequest.open("get",encodeURI(url));//默认为异步请求(false为异步,true为同步)
		//发送请求
		xmlHttpRequest.send(null);
	}
</script>
</head>
<body>
	<formaction="checkTypeNameServlet"method="post">
		房间类型:<inputname="typeName"onblur="sendRequest();"/>
		<spanid="msg"style="font-size:13px;"></span><br/>
		<inputtype="submit"value="提交"/>
	</form>
</body>
</html>

<%@pageimport="com.hotel.entity.RoomType"%>
<%@pageimport="java.util.List"%>
<%@pageimport="com.hotel.dao.RoomTypeDao"%>
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>Inserttitlehere</title>
<scripttype="text/javascript">
	varxmlHttpRequest;
	//创建异步请求对象的函数
	functioncreateRequest(){
		if(window.XMLHttpRequest){//非IE
			xmlHttpRequest=newXMLHttpRequest();
		}elseif(window.ActiveXObject){//IE
			try{
				xmlHttpRequest=newActiveXObject("Msxml2.XMLHTTP");
			}catch(e){
				xmlHttpRequest=newActiveXObject("Microsoft.XMLHTTP");
			}
		}
	}
	
	//创建发送请求对象的函数
	functionsendRequest(){
		if(xmlHttpRequest==null){
			createRequest();
		}
		
		//设置请求得到响应的回调函数
		xmlHttpRequest.onreadystatechange=function(){
			if(xmlHttpRequest.readyState==4&&xmlHttpRequest.status==200){
				//获取需要填充的下拉列表框
				varselect=document.getElementById("roomId");
				//清空下拉列表中的元素
				select.options.length=0;
				//创建一个请选择的选项
				varop=newOption("==请选择==","-1");
				select.options.add(op);
				//获取服务端响应的字符串[a,b,bc,cf,]
				varcontent=xmlHttpRequest.responseText;
				varstr=content.substring(0,content.length-1);
				//将处理好的字符串转化为一个数组
				varparams=str.split(",");
				
				//循环为列表添加选项
				for(vari=0;i<params.length;i++){
					varop1=newOption(params[i],params[i]);
					select.options.add(op1);
				}
			}
		};
		
		//获取选择的房间类型编号
		varroomType=document.getElementById("roomType").value;
		//打开请求
		xmlHttpRequest.open("GET","selectServlet?roomType="+roomType);
		//发送请求
		xmlHttpRequest.send(null);
	}
</script>
</head>
<body>
	房间类型:
	<selectname="roomType"id="roomType"onchange="sendRequest();">
		<optionvalue="-1">==请选择==</option>
		<%
			//直接调用查询所有房间类型信息的方法
			List<RoomType>types=newRoomTypeDao().getTypes();
			if(types!=null&&types.size()>0){
				for(RoomTypetype:types){
		%>
		<optionvalue="<%=type.getTypeID()%>"><%=type.getTypeName()%></option>
		<%}}%>
	</select>
	房间号:
	<selectname="roomId"id="roomId">
	</select>
</body>
</html>

（编辑：李大同）

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