利用ajax和thinkphp框架联合

之前说了一些ajax的基本知识点，而且自己本身的任务又是使用thinkphp框架，所以不可避免的，我们要对ajax和thinkphp框架进行结合使用。

这次我们主要讲一个ajax的注册功能，使用户输入学号后，就可直接显示数据库里是否存在此信息。

我做的时候，只需要改动两个地方的代码就可以了

 

首先来对我们的html页面进行整改：

我们现在是想要唯一的学号不会重复，所以在学号的那个input里加上个id="sno"，然后写个失去焦点的方法。

 

<table align="center" cellspacing="0">

<script type="text/javascript">
function checkno(){
    var nm=document.getElementById('sno').value;
    var xhr=new XMLHttpRequest();
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4){
            document.getElementById('check').innerHTML=xhr.responseText;  //在本页面显示
        }
    }
    xhr.open('get','/xampp/sse/index.php/home/Student/checkNM/number/'+nm);
    xhr.send(null);
}

</script>

<tr>
<td align="right">学号：</td>
<td align="left">
<INPUT type="text" name="sno" id="sno" onblur="checkno()">
<span id="check"></span>  <!--为了在本页面显示-->
</td>

</tr>

<tr>
<td align="right">姓名：</td>
<td align="left"><INPUT type="text" name="sname"></td>
</tr>

 

然后在相应的学生的控制器里（StudentController.class.php）增加一段相对应的代码

    public function reg(){        
        $this->display();
    }
    //用户名校验
    public function checkNM($number){
        $info=D('student')->where("sno='$number'")->find();  //找数据库里的信息 这里的sno是数据库里的名字
        if($info){
            echo "<span style='color:red;'>抱歉，该学号已存在</span>";  
        }else{
            echo "<span style='color:green;'>恭喜，可以使用该学号</span>";
        }
        exit;
    }

要注意每个相对应的id一定要写正确！！