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) { // 信息已经成功返回,开始处理信息
alert(http_request.responseText);
} else { //页面不正常
alert(“您所请求的页面有异常。”);
}
}
}
</script>
7.3、简单的示例、简单的示例
接下来,我们利用上面的开发框架来做两个简单的应用。
A、数据校验
在用户注册的表单中,经常碰到要检验待注册的用户名是否唯一。传统的做法是采用window.open的弹出窗口,或者
window. showModalDialog的对话框。不过,这两个都需要打开窗口。采用AJAX后,采用异步方式直接将参数提交到服务
器,用window.alert将服务器返回的校验信息显示出来。代码如下:
在<body></body>之间增加一段form表单代码:
<form name=”form1″ action=”” method=”post”>
用户名:<input type=”text” name=”username” value=””>
<input type=”button” name=”check” value=”唯一性检查” onClick=”userCheck()”>
<input type=”submit” name=”submit” value=”提交”>
</form>
在开发框架的基础上再增加一个调用函数:
function userCheck() {
var f = document.form1;
var username = f.username.value;
if(username==””) {
window.alert(“用户名不能为空。”);
f.username.focus();