搜索
系统检测到您的用户名不符合规范:

thinkphp5.1使用ajax实现验证码功能,点击刷新

浏览:4459 发布日期:2018年06月25日 分类:功能实现 关键字: thinkphp5.1 ajax 验证码 点击刷新
tp5.1通过ajax来实现验证码验证
功能如下:
首先使用Composer安装think-captcha扩展包:(注意这里要先使用命令指向到当前网站跟目录,我的是d:wamp/www/tp5)
composer require topthink/think-captcha
安装需要一定时间,完成后在根目录下的vendor/topthink/里会有一个think-captcha的文件夹,表示安装成功~
//控制器代码如下:
<?php
namespace app\index\controller;
use think\Controller;

class Index extends Controller
{
public function index(){

return $this->fetch();

}

public function varify()
{

$id=input('post.id');


if( !captcha_check($id))
{
return json("验证失败");
}else{
return json("验证码验证成功~");
}



}

}

/***************************************************************/
//模板代码如下(这个模板是Index/index/index的)
<!DOCTYPE html>
<html>
<head>
<title>index</title>
</head>
<body>


<img id="captcha_img" src="{:captcha_src()}" onclick="refreshVerify()"/>

<input type="text" id="cs" value="">
<input type="button" name="" id="login">



<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">

function refreshVerify() {

var ts=Date.parse(new Date())/1000;
console.log(ts);
$('#captcha_img').attr('src','/captcha?rand='+ts);//这里使用rand的是,如果改为id的话会导致在刷新验证码之后无法验证成功,我都唔知讲咩好
}

</script>

<script type="text/javascript">

$("#login").click(function(){
var cs = $('#cs').val();
$.ajax({
type:"POST",
url:"{:url('Index/index/varify')}",
dataType:"json",
data:{"id":cs},
success:function(data){

alert(data);

},
error:function(){
//抛出异常
alert('error');
}
});

})
</script>



</body>
</html>
最后没有啦,不懂的加我1933,987,037,欢迎交流指点
评论() 相关
后面还有条评论,
评论支持使用[code][/code]标签添加代码
您需要登录后才可以评论 登录 | 立即注册
收藏
傲杰无痕
积分:845 等级:LV2
热点推荐
(追記) (追記ここまで)
最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。

AltStyle によって変換されたページ (->オリジナル) /