<%@page contentType="text/html"%>
<%@page pageEncoding="gb2312"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>AJAX Demo</title>
<script language="javascript">
var http_request = false;
function send_request(url) {//初始化、指定处理函数、发送请求的函数
http_request = false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {//设置MiME类别
http_request.overrideMimeType("text/xml");
}
}
else if (window.ActiveXObject) { // IE浏览器
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) { // 异常,创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例.");
return false;
}
http_request.onreadystatechange = processRequest;
// 确定发送请求的方式和URL以及是否同步执行下段代码
http_request.open("GET", url, true);
http_request.send(null);
}
// 处理返回信息的函数
function processRequest() {
if (http_request.readyState == 4) { // 判断对象状态
if (http_request.status == 200) { // 信息已经成功返回,开始处理信息
var res = http_request.responseText;
document.getElementById("name").innerHTML = res;
} else { //页面不正常
alert("您所请求的页面有异常。");
}
}
}
function userCheck() {
var f = document.form1;
var sex = f.s1.value;
if(sex=="") {
window.alert("sex is not null.");
f.s1.focus();
return false;
}
else {
send_request('./server2.jsp?sex='+sex);
}
}
function init(){
document.getElementById("name").innerHTML = "<select id=\"s2\"><option value=\"0\" selected>-</option></select>";
}
</script>
</head>
<body onload="userCheck();">
<h1>AJAX</h1>
<form name="form1" action="" method="post">
sex:
<br>
<select id="s1" onChange="userCheck()">
<option value="0" selected>male</option>
<option value="1">female</option>
</select>
<br><br>
name:<div id="name"></div>
<br>
<input type="submit" name="submit">
</form>
</body>
</html>