asp中使用ajax的问题
为了避免内容过长,分成2个帖子来说明
有两个文件,文件一(ajax.html)是输入用户名,文件二(ajax.asp)是检验用户名是否合法
ajax.html代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<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");
if (http_request.overrideMimeType) {//ÉèÖÃMiMEÀà±ð
//http_request.overrideMimeType("text/xml");
}
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
if (http_request.overrideMimeType) {//ÉèÖÃMiMEÀà±ð
//http_request.overrideMimeType("text/xml");
}
} catch (e) {}
}
}
if (!http_request) { // Òì³££¬´´½¨¶ÔÏóʵÀýʧ°Ü
window.alert("²»ÄÜ´´½¨XMLHttpRequest¶ÔÏóʵÀý.");
return false;
}
http_request.onreadystatechange = processRequest;
// È·¶¨·¢ËÍÇëÇóµÄ·½Ê½ºÍURLÒÔ¼°ÊÇ·ñͬ²½Ö´ÐÐ϶δúÂë
http_request.open("GET", url, true);
//http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
http_request.send(null);
}
// ´¦Àí·µ»ØÐÅÏ¢µÄº¯Êý
function processRequest() {
if (http_request.readyState == 4) { // Åж϶ÔÏó״̬
if (http_request.status == 200) { // ÐÅÏ¢ÒѾ³É¹¦·µ»Ø£¬¿ªÊ¼´¦ÀíÐÅÏ¢
//try {
alert(http_request.statusText);
alert(http_request.responseText);
//} catch (e) {alert(e);}
} else { //Ò³Ãæ²»Õý³£
alert("ÄúËùÇëÇóµÄÒ³ÃæÓÐÒì³£¡£");
}
}
}
function userCheck() {
var f = document.form1;
var username = f.username.value;
if(username=="") {
window.alert("Óû§Ãû²»ÄÜΪ¿Õ¡£");
f.username.focus();
return false;
}
else {
send_request('ajax.asp?username='+username);
}
}
</script>
<BODY>
<form name="form1" action="" method="POST">
用户名<input type="text" name="username" value="">
<input type="button" name="check" value="唯一性检查" onClick="userCheck()">
</form>
</BODY>
</HTML>