zoukankan      html  css  js  c++  java
  • 利用ajax和thinkphp框架联合

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

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

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

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

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

     1 <table align="center" cellspacing="0">
     2 
     3 <script type="text/javascript">
     4 function checkno(){
     5     var nm=document.getElementById('sno').value;
     6     var xhr=new XMLHttpRequest();
     7     xhr.onreadystatechange=function(){
     8         if(xhr.readyState==4){
     9             document.getElementById('check').innerHTML=xhr.responseText;  //在本页面显示
    10         }
    11     }
    12     xhr.open('get','/xampp/sse/index.php/home/Student/checkNM/number/'+nm);
    13     xhr.send(null);
    14 }
    15 
    16 </script>
    17 
    18 <tr>
    19 <td align="right">学号:</td>
    20 <td align="left">
    21 <INPUT type="text" name="sno" id="sno" onblur="checkno()">
    22 <span id="check"></span>  <!--为了在本页面显示-->
    23 </td>
    24 
    25 </tr>
    26 
    27 <tr>
    28 <td align="right">姓名:</td>
    29 <td align="left"><INPUT type="text" name="sname"></td>
    30 </tr>

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

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

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

  • 相关阅读:
    【缓慢的自学ing】 自己写一个《Minecraft》记录
    Unity随笔3:按钮的"导航"功能
    【随随随随笔】一些STL的糖
    【算法氵】筛法
    【纯感慨】好吃的蒟蒻
    【随随随随笔】OJ错题记录
    【纯感慨】最不擅长的就是配置软件
    【C++Primer笔记】顶层const、常量指针
    hdu 2475 动态树
    hdu 1281 棋盘游戏 网络流
  • 原文地址:https://www.cnblogs.com/ck-999/p/5521415.html
Copyright © 2011-2022 走看看