Heim  >  Artikel  >  Web-Frontend  >  ajax提交表单实现网页无刷新注册示例_基础知识

ajax提交表单实现网页无刷新注册示例_基础知识

WBOY
WBOYOriginal
2016-05-16 16:49:181690Durchsuche

Ajax 无刷新

复制代码 代码如下:

var xmlHttp; 
uName() //用户名失去焦点时 

 if(all.uname.=="") 
 { 
  all.l1.innerHTML="不能为空!"; 
  setTimeout("close(1)",1500); 
  return; 
 } 
 else 
 { 
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); 
  xmlHttp.onreadystatechange=deal; //回调函数 
  var url="aJax.aspx?user='"+all.uname.+"'"; //将要跳转到检测用户名的页面 
  xmlHttp.open("get",url,true); //用 get 模式提交表单 到 url ;并启动 一步处理 
  xmlHttp.send(null); //发送 
 } 

deal() 

 //alert(xmlHttp.readystate+"__"+xmlHttp.status); 
 if(xmlHttp.readystate!=4) 
 {return; } 

 if(xmlHttp.status!=200)  //等于500 时是 sql 语句或数据库的错误 
 {return;} 
 // 

 var num = xmlHttp.responseText; //接收服务器发送的信息 
 //alert(num); 
 all.l1.innerText=""; 
 if(num>0) 
 { 
  all.l1.innerText="次用户名已被使用!"; 
 } 
 else  
 { 
  all.l1.innerText="√"; 
 } 

}

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn