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

这篇文章主要为大家详细介绍了AJAX实现无刷新用户名检测功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

先来看看原理图

   ajax无刷新检测  
发表留言   留言标题: 
 网名:  
 留言内容:

registerPro1.php

 <?php //将数据(text格式,xml格式,json格式)返回到ajax引擎(3号线 http响应 ) //header("Content-Type: text/xml; charset=utf-8"); //告诉浏览器,返回的是xml格式 header("Content-Type: text/html; charset=utf-8"); //告诉浏览器,返回的是text/json格式 $username = $_POST["username"]; //① // if($username=="abc"){ //  echo '网名不可用'; // }else{ //  echo '网名可用'; // } //② // $info=""; // if($username=="abc"){ //  $info.="网名不可用"; // }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; ?>

效果图：