哪位高手有ajax有网站项目示给共享上
日期：2014-05-16 浏览次数：20633 次
谁有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"> </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>
现在想学习一下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"> </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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
