AJAX如何实现无刷新检测用户名功能-创新互联

这篇文章将为大家详细讲解有关AJAX如何实现无刷新检测用户名功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

成都创新互联公司服务项目包括定西网站建设、定西网站制作、定西网页制作以及定西网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,定西网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到定西省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

先来看看原理图

AJAX如何实现无刷新检测用户名功能

register.php



 
  
  ajax无刷新检测
  
   body{margin:0;padding:0;}.content{width:800px;margin:0 auto;}ul,li{list-style: none;margin:0;padding:0;}
   tr{width:200px;}td{width:80px;padding:5px 0;}td input,textarea{border: 1px solid #79ABFE;} 
  
 
 
  
   
   
   发表留言                   留言标题:                      网名:                                           留言内容:                                            
   

registerPro1.php

网名不可用";
// }else{
//  $info.="网名可用";
// }
// echo $info;
 //③
// $info="";
// if($username=="abc"){
//  //这里的$info返回的是一个字串
//  $info.='{"res":"不可用","id":"123","age":"5"}';
// }else{
//  $info.='{"res":"可用","id":"3","age":"1"}';
// }
// echo $info;
 //③+
 $info="";
 if($username=="abc"){
  //这里的$info返回的是一个字串
  $info.='[{"res":"不可用","id":"123","age":"5"},{"res":"abc不可用","id":"3","age":"0"}]';
 }else{
  $info.='[{"res":"可用","id":"1","age":"15"},{"res":"可用","id":"83","age":"9"}]';
 }
 echo $info;
?>

效果图:

AJAX如何实现无刷新检测用户名功能

什么是ajax

ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,可以通过在后台与服务器进行少量数据交换,使网页实现异步更新。

关于“AJAX如何实现无刷新检测用户名功能”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


分享名称:AJAX如何实现无刷新检测用户名功能-创新互联
本文网址:http://azwzsj.com/article/ceijsc.html

其他资讯