绵阳梓潼网站制作公司

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

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

成都创新互联是专业的田家庵网站建设公司，田家庵接单;提供网站建设、成都网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行田家庵网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

先来看看原理图

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://myzitong.com/article/pcdije.html

其他资讯