怎么在ThinkPHP框架中使用Ajax实现一个用户名校验功能 - 行业资讯

　　介绍

本篇文章为大家展示了怎么在ThinkPHP框架中使用Ajax实现一个用户名校验功能,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

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

模板文件路径店/Home/视图/User/注册。html

& lt; !——register.html祝辞　　& lt; ! DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt; meta http-equiv=癈ontent-Type",内容=皌ext/html;, charset=UTF-8",/比; 　　& lt; title> Untitled Document</title> 　　& lt; script 类型=拔谋?javascript"比; 　　var 才能;urlpath =,“{$ smarty.const.__CONTROLLER__}“;//ajax才能无刷新方式校验用户名　　function 才能;checkname () { 　　,,,//(1)获取被校验的用户名信息　　,,,var nm =, . getelementbyid (& # 39; User_username& # 39;) value; 　　,,,//(2)ajax抓取到用户名传递给服务器端进行校验　　,,,var xhr =, new XMLHttpRequest (); 　　,,,xhr.onreadystatechange =,函数(){ 　　,,,,,如果(==xhr.readyState 4) { 　　,,,,,,,. getelementbyid (& # 39; namecheck& # 39;) .innerHTML =, xhr.responseText; 　　,,,,,} 　　,,,} 　　,,,//tp框架使用模式:分组/控制器/操作方法/方法参数　　,,,//xhr.open(& # 39;得到# 39;,,“/商店/index . php/User/checkNM/? +,海里);//默认分组为家　　,,,xhr.open(& # 39;得到# 39;,,urlpath +,“checkNM/? +,海里); 　　,,} 　　& lt;/script> 　　& lt;/head> 　　& lt; body> 　　& lt;才能tr> 　　,,,& lt; td> 　　,,,,,& lt; label 为=癠ser_username"在用户名& lt;/label> 　　,,,& lt;/td> 　　,,,& lt; td> 　　,,,,,& lt; input 类型=皌ext", name=皍sername",价值=https://www.yisu.com/zixun/" id=" User_username " onblur=癱heckname () "> 　　 {$ errorInfo.username |默认值:"} 　　道明> 　　　　

控制器文件路径店/Home/User/UserController.class/控制器。php

& lt; php ?//UserController.class.php//命名空间　　namespace 家庭\控制器; 　　use 认为\控制器;//前台用户控制器　　{class UserController extends 控制器//才能用户名校验　　function 才能checkNM(美元名称){ 　　,,,//在数据库中根据条件查询结果　　,,,info 美元;=,D(& # 39;用户# 39;)→位置(“用户名=& # 39;美元名字# 39;“)→找到(); 　　,,,如果($ info) { 　　,,,,,echo “& lt; span 风格=& # 39;颜色:红色# 39;在用户名已存在,请换一个& lt;/span>“; 　　,,,}else { 　　,,,,,echo “& lt; span 风格=& # 39;颜色:绿色# 39;在恭喜,用户名可以使用& lt;/span>“; 　　,,,} 　　,,,退出; 　　,,} 　　}

上述内容就是怎么在ThinkPHP框架中使用Ajax实现一个用户名校验功能,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。