📄 provincecity.jsp
字号:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<title>读取XML内容片段</title>
<script type="text/javascript">
/* 创建一个新的 XMLHttpRequest 去调用远程的WEB服务*/
var xmlHttp = false;
/* 在 Microsoft 浏览器上创建 XMLHttpRequest 对象 */
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
/* 处理 Mozilla 和非 Microsoft 浏览器 */
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
if(!xmlHttp){
alert("AJAX服务对象创建失败！");
}
/*
* 发出请求
*/
function loadCity(province) {
// 建立远程连接的WEB对应的URL地址
var url = "LoadCityServlet?province="+province+"&"+new Date().getTime();
// 打开一个对服务器的连接
xmlHttp.open("GET", url, true);
// 设置一个函数，当从服务器读取数据后返回时调用
xmlHttp.onreadystatechange = updatePage;
// 开始发送HTTP请求
xmlHttp.send(null);
}
/*
* 处理服务器响应
*/
function updatePage() {
if (xmlHttp.readyState == 4) {
var response = xmlHttp.responseText;
alert(response);
document.getElementById("city").innerHTML=response;
}
}
</script>
</head>
<body>
<select id="province" onchange="loadCity(this.options[this.selectedIndex].value)">
<option value="1">湖南</option>
<option value="2">广东</option>
</select>
<select id="city">
</select>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -