ThinkPHP框架结合Ajax实现用户名校验功能示例

2024-05-05 00:10:03

字体：大中小

来源：转载

供稿：网友

本文实例讲述了ThinkPHP框架结合Ajax实现用户名校验功能。分享给大家供大家参考，具体如下：

在模板文件中通过ajax获取到用户名，然后在控制器中将用户名与数据库比较，返回校验结果给模板文件。

ThinkPHP,Ajax,用户名,校验

模板文件路径shop/Home/View/User/register.html

<!--register.html--><!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Untitled Document</title><script type="text/javascript">  var urlpath = "{$smarty.const.__CONTROLLER__}";  //ajax无刷新方式校验用户名  function checkname(){    //（1）获取被校验的用户名信息    var nm = document.getElementById('User_username').value;    //（2）ajax抓取到用户名传递给服务器端进行校验    var xhr = new XMLHttpRequest();    xhr.onreadystatechange = function(){      if(xhr.readyState == 4){        document.getElementById('namecheck').innerHTML = xhr.responseText;      }    }    //tp框架使用模式：分组/控制器/操作方法/方法参数    //xhr.open('get', "/shop/index.php/User/checkNM/" + nm);//默认分组为Home    xhr.open('get', urlpath + "/checkNM/" + nm);  }</script></head><body>  <tr>    <td>      <label for="User_username">用户名</label>    </td>    <td>      <input type="text" name="username" value="" id="User_username" onblur="checkname()">      <span id="namecheck">{$errorInfo.username|default:""}</span>    </td>  </tr></body></html>

控制器文件路径shop/Home/Controller/User/UserController.class.php

<?php//UserController.class.php//命名空间namespace Home/Controller;use Think/Controller;//前台用户控制器class UserController extends Controller{  //用户名校验  function checkNM($name){    //在数据库中根据条件查询结果    $info = D('User')->where("username='$name'")->find();    if($info){      echo "<span style='color:red'>用户名已存在，请换一个</span>";    }else {      echo "<span style='color:green'>恭喜，用户名可以使用</span>";    }    exit;  }}

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

注：相关教程知识阅读请移步到PHP教程频道。

上一篇：Centos7 Yum安装PHP7.2流程教程详解

下一篇：PHP实现关键字搜索后描红功能示例