three.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>index.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=GBK">
<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(valueFromSelect1){
var url = "three.jsp?valueFromSelect=" + valueFromSelect1 + "&" + Math.random();
alert(url);
xmlhttp=null;
if (window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject){
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null){
xmlhttp.onreadystatechange=updatePage;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
else{
alert("Your browser does not support XMLHTTP.");
}
}
function state_Change(){
if (xmlhttp.readyState==4){
if (xmlhttp.status==200){
updatePage();
}
else{
alert("Problem retrieving XML data");
}
}
}
function updatePage(){
// 清空select2
while(select2.options[0] != null){
select2.options[0] = null;
}
// 设置select2
var xmlDoc = xmlhttp.responseXML;
alert(xmlDoc);
var labelValueBeanElements = xmlDoc.getElementsByTagName("labelValueBean");
for (var i = 0; i < labelValueBeanElements.length; i++){
var entityValue = xmlDoc.getElementsByTagName("value")[i].childNodes[0].nodeValue;
var entityLabel = xmlDoc.getElementsByTagName("label")[i].childNodes[0].nodeValue;
select2.options[i] = new Option(entityLabel,entityValue,false,false);
}
}
</script>
</head>
<body>
select1:
<select id="select1" onchange="loadXMLDoc(this.value)">
<option value="1">1</option>
<option value="2">2</option>
</select>
<br/>
select2:
<select id="select2">
</select>
<input type="button" value="显示select2的值" onclick="alert(select2.value)">
</body>
</html>
three.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%!
private String fromDB (String valueFromSelect) {
StringBuffer sb = new StringBuffer();
if (valueFromSelect.equals("1")) {
sb.append(" <labelValueBean>\n");
sb.append(" <value>haha</value>\n");
sb.append(" <label>哈哈</label>\n");
sb.append(" </labelValueBean>\n");
sb.append(" <labelValueBean>\n");
sb.append(" <value>hehe</value>\n");
sb.append(" <label>呵呵</label>\n");
sb.append(" </labelValueBean>\n");
} else if (valueFromSelect.equals("2")) {
sb.append(" <labelValueBean>\n");
sb.append(" <value>heihei</value>\n");
sb.append(" <label>嘿嘿</label>\n");
sb.append(" </labelValueBean>\n");
sb.append(" <labelValueBean>\n");
sb.append(" <value>gaga</value>\n");
sb.append(" <label>嘎嘎</label>\n");
sb.append(" </labelValueBean>\n");
sb.append(" <labelValueBean>\n");
sb.append(" <value>woyun</value>\n");
sb.append(" <label>我晕</label>\n");
sb.append(" </labelValueBean>\n");
sb.append(" <labelValueBean>\n");
sb.append(" <value>123</value>\n");
sb.append(" <label>456</label>\n");
sb.append(" </labelValueBean>\n");
}
return sb.toString();
}
%>
<%
String valueFromSelect = request.getParameter("valueFromSelect");
StringBuffer sb = new StringBuffer();
sb.append("<?xml version=\"1.0\" encoding=\"gb2312\"?>\n");
sb.append("<resultFromDB>\n");
sb.append(fromDB(valueFromSelect));
sb.append("</resultFromDB>\n");
response.setHeader("content-type", "text/xml;charset=GBK");
System.out.println(sb);
out.println(sb.toString());
//out.flush();
out.close();
%>
分享到:
相关推荐
ajax 无刷新模拟登陆,判断用户名,提示消息
Java 模拟Ajax POST GET 提交代码,实测很好用。
ajax 模拟购物车加入货物并实现页面异步刷新显示物品!
原生ajax模拟判断用户名是否已注册,具体内容详参照博客 原生ajax使用笔记(二)- - -post方法传参 中的内容
使用ajax模拟用户名是否被占用 (源代码) 博文链接:https://hnylj.iteye.com/blog/157989
模拟ajax(post)登陆53客服后台,一个输入账号和加密后的密码就可以获取联系的总记录数
用AJAX实现google输入自动完成的简单模拟
AJAX股票模拟源代码,帮助你了解新的MVC模型
实现JQuery+ajax+mock.js模拟注册,判断输入框是否输入正确
ajax+servlet模拟实现百度输入关键字智能搜索,含jar包,不含数据库技术
这是一个模仿百度自动下拉提示框的Web程序。 主要技术是JSP+Servlet+Mysql+Ajax+JavaScript。
很全的Ajax面试题,非常实用,抓紧时间
页面加载中(遮罩层支持ajax、模拟查询、模拟保存、模拟导入、模拟隐藏、模拟刷新、全屏遮罩、兼容ie、谷歌、火狐等浏览器)2016.09.13.zip
服务端模拟ajax,支持发起GET、POST、PUT、DELETE请求
本人开发的积累总结,Iframe模拟Ajax 可以跨越的操作。
jquery模拟ajax关闭div窗口效果