本篇文章為大家展示了怎么在ThinkPHP框架中使用Ajax實(shí)現(xiàn)一個(gè)用戶名校驗(yàn)功能,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細(xì)介紹希望你能有所收獲。
專注于為中小企業(yè)提供做網(wǎng)站、成都網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)環(huán)翠免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了近1000家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。在模板文件中通過ajax獲取到用戶名,然后在控制器中將用戶名與數(shù)據(jù)庫比較,返回校驗(yàn)結(jié)果給模板文件。
模板文件路徑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無刷新方式校驗(yàn)用戶名 function checkname(){ //(1)獲取被校驗(yàn)的用戶名信息 var nm = document.getElementById('User_username').value; //(2)ajax抓取到用戶名傳遞給服務(wù)器端進(jìn)行校驗(yàn) var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ if(xhr.readyState == 4){ document.getElementById('namecheck').innerHTML = xhr.responseText; } } //tp框架使用模式:分組/控制器/操作方法/方法參數(shù) //xhr.open('get', "/shop/index.php/User/checkNM/" + nm);//默認(rèn)分組為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{ //用戶名校驗(yàn) function checkNM($name){ //在數(shù)據(jù)庫中根據(jù)條件查詢結(jié)果 $info = D('User')->where("username='$name'")->find(); if($info){ echo "<span style='color:red'>用戶名已存在,請換一個(gè)</span>"; }else { echo "<span style='color:green'>恭喜,用戶名可以使用</span>"; } exit; } }
上述內(nèi)容就是怎么在ThinkPHP框架中使用Ajax實(shí)現(xiàn)一個(gè)用戶名校驗(yàn)功能,你們學(xué)到知識或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識儲備,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)頁名稱:怎么在ThinkPHP框架中使用Ajax實(shí)現(xiàn)一個(gè)用戶名校驗(yàn)功能-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明:http://newbst.com/article28/dihecp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、網(wǎng)頁設(shè)計(jì)公司、云服務(wù)器、自適應(yīng)網(wǎng)站、網(wǎng)站設(shè)計(jì)、軟件開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容