ajax.php
<script src="../jquery-1.11.2.min.js"></script> </head> <body> <select id="sel"> </select> </body> <script type="text/javascript"> $(document).ready(function(e) { $.ajax({ url:"chuli.php",//处理页面 data:{},//传给处理页面的值 type:"POST",//传值的方式 dataType:"TEXT",//返回值的类型 //执行成功后调用function success:function(s){//回调函数 //根据行拆分字符串 var hang=s.split("|"); var nation=""; for(var i=0;i<hang.length;i++) { //hang[i]代表每一条数据 var lie=hang[i].split("^"); //lie的索引代表每一个具体的数据 nation=nation+"<option value='"+lie[0]+"'>"+lie[1]+"</option>"; } $("#sel").html(nation); } }); }); </script>
chuli.php
<?php include("../dbda.php"); $db=new DBDA(); $snation="select * from nation"; $anation=$db->Query($snation); $nation=""; foreach($anation as $v) { //拼接列 $nation=$nation.implode("^",$v); //拼接每条数据 $nation=$nation."|"; } //去掉最后的"|" $nation=substr($nation,0,strlen($nation)-1); //直接输出就是返回 echo $nation;
uid.php
<script src="../jquery-1.11.2.min.js"></script> </head> <body> <div> 用户名 <input type="text" id="uid"/> <span id="xx"></span> </div> </body> <script type="text/javascript"> $(document).ready(function(e) { //blur失去焦点时触发 $("#uid").blur(function(){ //取出文本框中的值 var uid=$(this).val(); $.ajax({ url:"uidcl.php", data:{uid:uid}, type:"POST", dataType:"TEXT", success:function(data){ if(data.trim()=="OK") { var str="该用户名可以使用"; $("#xx").html(str); $("#xx").css("color","green"); } else { var str="该用户名已经存在"; $("#xx").html(str); $("#xx").css("color","blue"); } } }); }) }); </script>
uidcl.php
<?php include("../dbda.php"); $db=new DBDA(); $uid=$_POST["uid"]; $suid="select count(*) from users where uid='{$uid}'"; $auid=$db->Query($suid); if($auid[0][0]>0) { echo "NO"; } else { echo "OK"; }