首页 | 联系我们 | 叶凡网络官方QQ群:323842844
游客,欢迎您! 请登录 免费注册 忘记密码
您所在的位置:首页 > 开发语言 > Javascript > 正文

Ajax范例

作者:cocomyyz 来源: 日期:2013-08-04 23:32:22 人气:23 加入收藏 评论:0 标签:ajax

/**********************************************************

也玩googlebar

***********************************************************/

var xmlHttp;
function createXMLHttpReauest()
{
  if (window.ActiveXObject)
  {
   xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 
  }
  else if (window.XMLHttpRequest)
  {
   xmlHttp = new XMLHttpRequest();

  }
}
function doSearch()
{
  createXMLHttpReauest();
 
  xmlHttp.onreadystatechange=handleStateChange;
  xmlHttp.open("GET","searchData.xml",true);
  xmlHttp.send(null);

}
function handleStateChange()
{

  if(xmlHttp.readystate==4)
  {
   if(xmlHttp.status==200)
   {
    callBack();
    //setTimeout('callBack1()',3000)
   }
  }
}
function callBack()
{
   
  var results=xmlHttp.responseXML;
  var textValue=document.getElementById("searchText").value;


  var property;
  var intNum=0;
  selectData=new Array();

  var properties=results.getElementsByTagName("property");
  for(var i=0;i<properties.length;i++)
  {
   property=properties[i].firstChild.nodeValue;
 
   if(property.indexOf(textValue)!=-1)
   {
    selectData[intNum]=property;
    intNum++;
   }
  }

  if(selectData.length!=0)
  {
   document.getElementById("showDIV").style.display = "block";
   document.getElementById("showList").style.display = "block";
 
   document.getElementById("showList").options.size = 0; //
 
   if(selectData.length<6)
   {
    document.getElementById("showList").size = selectData.length; //
   }
   else
   {
    document.getElementById("showList").size =6
   }
 

  }

  for (var i = 0; i < selectData.length; i++)
  {
   document.getElementById("showList").options[i] = new Option(selectData[i],selectData[i]); //    
  }
  if(textValue=="")
  {
   document.getElementById("showList").style.display = "none";
   document.getElementById("showDIV").style.display = "none";
 
   return;
  }
}







function selectValue(object)
{
  var searchText=document.getElementById("searchText");
  searchText.value=object.options[object.selectedIndex].text;
  document.getElementById("showList").style.display = "none";
  document.getElementById("showDIV").style.display = "none";
}
function foucsChange()
{
  if(window.event.keyCode==40)
  {
   document.getElementById('showList').focus();
 
  }
}
function upSelect(object)
{
  if(window.event.keyCode==8)
  {
   document.getElementById('searchText').focus();
  }
  if(window.event.keyCode==13)
  {
   document.getElementById("showList").style.display = "none";
   document.getElementById("showDIV").style.display = "none";
  }
  if(window.event.keyCode==40)
  {
   if(object.selectedIndex<selectData.length-1)
   {
    document.getElementById("searchText").value=object.options[object.selectedIndex+1].text;
   }
   else
   {
    document.getElementById("searchText").value=object.options[object.selectedIndex].text;
   }
  }
  if(window.event.keyCode==38)
  {
   if(object.selectedIndex>1)
   {
    document.getElementById("searchText").value=object.options[object.selectedIndex-1].text;
   }
   else
   {
    document.getElementById("searchText").value=object.options[0].text;
   }
  }
}
function hiddenList()
{
  document.getElementById("showList").style.display = "none";
  document.getElementById("showDIV").style.display = "none";
}







/**********************************************************

用户名重复验证

***********************************************************/


function callBack1()
{
 
   
  var results=xmlHttp.responseXML;
  var textValue=document.getElementById("username").value;
  if(textValue=="")
  {
   document.getElementById("message").style.display = "none";
   return;
  }
  var property;

  var properties=results.getElementsByTagName("property");
  for(var i=0;i<properties.length;i++)
  {
   property=properties[i].firstChild.nodeValue;
 
 
   if(property==textValue)
   {
    document.getElementById("message").style.display = "block";
    document.getElementById("message").innerHTML="该用户名已存在";
    document.getElementById("message").style.color="red";
    break;
   }
   else
   {
    document.getElementById("message").style.display = "block";
    document.getElementById("message").innerHTML="可以注册";
    document.getElementById("message").style.color="green";
   }
  }

 
}


本文网址:http://www.mingyangnet.com/html/js/157.html
读完这篇文章后,您心情如何?
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
更多>>网友评论
发表评论