kuco
高级会员

一半会员
UID 66126
精华
0
积分 954
帖子 962
金钱 907 喜悦币
威望 0
人脉 47
阅读权限 50
注册 2005-8-23 来自 上海
状态 离线
|
[广告]: 代充Paypal帐号美元
一个比较简单的例子.
适用于用户注册时检验用户名是否已经存在
效果: http://www.ouky.com/test/ajax001.html
源码: http://www.ouky.com/test/printfile.php?filename=ajax001.html
http://www.ouky.com/test/printfile.php?filename=ajax002.php
QUOTE: //fileName : ajax001.html
//code :
<script type="text/javascript" language="javascript">
var http_request = false;
function send_request(url) {
http_request = false;
if (window.XMLHttpRequest) {
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/xml');
}
} else if (window.ActiveXObject) {
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) {
alert('不能创建 XMLHttpRequest 对象!');
return false;
}
http_request.onreadystatechange = processRequest;
http_request.open('GET', url, true);
http_request.send(null);
}
//处理返回信息
function processRequest() {
if (http_request.readyState == 1) {
document.getElementById('divId').innerHTML="下载中...";
}
if (http_request.readyState == 4) {
if (http_request.status == 200) {
//alert(http_request.responseText);
document.getElementById('divId').innerHTML=http_request.responseText;
} else {
alert('请求异常');
}
}
}
//自定义调用函数
function getUserCheck(){
var f=document.form1;
var username=f.username.value;
if(username==""){
window.alert("用户名不能为空");
f.username.focus();
return false;
}else{
send_request('ajax002.php?username='+username);
}
}
</script>
<!--
<span style="cursor: pointer; text-decoration: underline" onclick="send_request('ajax002.php?username=abcdefg')">
Make a request
</span>
-->
<FORM METHOD=POST ACTION="" name="form1">
userName:
<INPUT TYPE="text" NAME="username" value="">
<INPUT TYPE="button" name="check" value="check" onClick="getUserCheck()">
</FORM>
<div id="divId"><div>
QUOTE: //fileName : ajax002.php
//code : <?php if($_GET['username']) { sleep(2); //方便理解"下载中..."这个过程
echo "This is 'ajax002.php' result:<br><br>";
//这里可以进行数据库查询等一系列操作,然后再返回一个结果 echo "You input userName is '".$_GET['username']."'<br><br>"; } ?>
|  阿里妈妈再掀疯狂采购风,急召天下站长,新加入站点3天内一定采购! |
|