当前位置: 代码迷 >> Ajax >> 哪位高手有ajax有网站项目示给共享上
  详细解决方案

哪位高手有ajax有网站项目示给共享上

热度:190   发布时间:2012-09-06 10:37:01.0
谁有ajax有网站项目示给共享下
现在想学习一下ajax 用代码实现的 在网上找不到例子看 找到的一些都有点笼统 不知道具体怎么用,
所以想找个样例看看具体的怎么用 如果分不够的话可以再加

------解决方案--------------------
[code=HTML][/code]<html>
<head>
<title>用户注册</title>
<script language="javascript" type="text/javascript">
<!--
//定义用于存储XMLHttpRequest对象的变量
var xmlHttp = null;

//用于创建XMLHttpRequest对象的函数
function creatXmlHTTP()
{
if(window.ActiveXObject)
{
var arrActiveX = ['Microsoft.XMLHTTP','MSXML2.XMLHTTP.6.0',,'MSXML2.XMLHTTP.5.0','MSXML2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP'];
for(var i=0;i<arrActiveX.length;i++)
{
try
{
xmlHttp = new ActiveXObject(arrActiveX[i]);
break;
}
catch(ex)
{
}
}
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}

//用于响应XMLHttpRequest对象状态变化的函数
function checkData()
{
//判断异步调用是否完成
if (xmlHttp.readyState==4)
{
//判断异步调用是否成功,为了便用没有HTTP服务器读者的测试,加上了“xmlHttp.status==0”的条件,如果在服务器中运行,可以不用该条件
if (xmlHttp.status==200 || xmlHttp.status==0)
{
//以文本形式返回服务器中的数据
var userNames = xmlHttp.responseText;
//将userName.txt文本中的字符串分割成数组
var arrUserName = userNames.split("、");

//用于判断用户名是否已经存在的变量
var bFlag = false;

for (i=0;i<arrUserName.length;i++)
{
if (arrUserName[i]==myForm.username.value)
{
//如果用户名已经存在,变量bFlag设为true
bFlag = true;
break;
}
}

//查找用于显示结果的节点
var node = document.getElementById("userInfo");
if (bFlag)
{
node.firstChild.nodeValue = "用户名已经存在,请重新输入";
document.getElementById("mySubmit").disabled = true;
}
else
{
node.firstChild.nodeValue = "用户名可以使用";
document.getElementById("mySubmit").disabled = false;
}
}
}
}

//用于校验用户名的函数
function checkUserName()
{
//创建XMLHttpRequest对象
creatXmlHTTP();
if (xmlHttp!=null)
{
//定义用于响应XMLHttpRequest对象状态变化的函数
xmlHttp.onreadystatechange = checkData;
//创建HTTP请求
xmlHttp.open("get","userName.txt",true);
//发送HTTP请求
xmlHttp.send(null);
}
else
{
alert("您的浏览器不支持XMLHTTP,请更换浏览器。");
}
}
-->
</script>
</head>
<body>
<p align="center"><b>用户注册</b></p>
<form name="myForm">
用户名:<input type="text" name="username" onBlur="checkUserName()">
<span id="userInfo">&nbsp;</span><br>
性别:<input type="text"><br>
邮编:<input type="text"><br>
地址:<input type="text"><br>
<input type="button" value="提交" id="mySubmit" disabled="true">
</form>
</body>
</html>
  相关解决方案