Question

a标签中用js脚本onclik触发一段php代码,比如<a>检测用户名是否被注册</a> ，连接数据库验证用户名注册没

a标签中用js脚本onclik触发一段php代码,

比如<a>检测用户名是否被注册</a> ，然后连接数据库验证用户名是否被注册过，

Answer 1

ajax实现

<input type="text" id="username" />
<a href="#" onclick="javascript:my_ajax($('username').value)">是否注册</a> 
<script type="javascript/text">
$=function (id) { return (typeof (id)=='object')?id:document.getElementById(id); };
var xmlHttp
function my_ajax(user){
var url="reg.php?id="+user;//检测是否注册的页面
 xmlHttp=GetXmlHttpObject()
 if (xmlHttp==null){
  alert ("Browser does not support HTTP Request")
  return
  } 
 url=url+"&sid="+Math.random()
 xmlHttp.onreadystatechange=stateChanged 
 xmlHttp.open("GET",url,true)
 xmlHttp.send(null)
}
function GetXmlHttpObject(){
 var xmlHttp=null;
 try{
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
 }catch (e){
  // Internet Explorer
  try{
   xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }catch (e){
   xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
 return xmlHttp;
}
function stateChanged(){ 
 if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
  var data=xmlHttp.responseText;
  if(data!="pass"){
   alert(data);
  }
 } 
}
</script>
以下是reg.php的内容

<?php
header("Content-Type:text/html;charset=GB2312");//避免输出乱码 ，根据你的页面编码，改这个编码
//以下就是验证用户的存在与否，自己写吧
echo "存在";
?>

追问

嗯，reg.php我会写可以用onclick属性直接触发一段PHP代码进行验证码吗？ ajax不太懂，
里面写什么呢

追答

onclick 触发这个my_ajax函数，这个函数会使用ajax将用户名提交到reg.php进行验证 stateChanged函数是等到验证结束后根据返回的结果做出判断，给出 是否存在的提示。ajax提交不会刷新页面，用户的输入也就不会清空