PHP与JS互通Cookie

最新推荐文章于 2022-06-27 22:58:32 发布
最新推荐文章于 2022-06-27 22:58:32 发布
阅读量1k 收藏
点赞数
分类专栏： PHP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhm123456/article/details/85329830
版权

在生成验证码时，使用类来生成，并能通过生成方法返回生成的验证码字符串，将之保存到cookie中，能过JS来获取COOKIE中的验证码，这样在前端就可以进行验证了。

一、创建生成验证码的类clsCode.class.php

<?php
class clsCode {
    function __construct($char_len=5, $img_w=70 , $img_h=20 , $font = 8){
    $this->char = array_merge ( range ( 'a', 'z' ), range ( 'A', 'Z' ), range ( '1', '9' ) );
    $this->char_len=$char_len;
    $this->img_w=$img_w;
    $this->img_h=$img_h;;
    $this->font=$font;
    }
    function output() {
        $rand_keys = array_rand ( $this->char, $this->char_len ); //随机从数组中取指定个数的元素,生成键值
        if ($this->char_len == 1) { //若只有一个数，则array_rand()返回非数组类型
            $rand_keys = array ($rand_keys );
        }
        shuffle ( $rand_keys ); //可以不用
        $code = '';
        foreach ( $rand_keys as $k ) {
            $code .= $this->char [$k];
        }
        session_start ();
        $_SESSION ['captcha'] = $code;
        //使用cookie,以例前台用JS存取
        //设置cookie以便前台JS中获取验证码
        //setcookie('captcha', $code, time() + 3600) ;
        
        //添加线、色
        //创建新图像
        $img = imagecreatetruecolor ( $this->img_w, $this->img_h );
        //分配颜色
        $bg_color = imagecolorallocate ( $img, 0xcc, 0xcc, 0xcc );
        //画布背景色
        imagefill ( $img, 0, 0, $bg_color );
        //干扰线
        for($i = 0; $i < 100; ++ $i) {
            $color = imagecolorallocate ( $img, mt_rand ( 0, 255 ), mt_rand ( 0, 255 ), mt_rand ( 0, 255 ) );
            imagesetpixel ( $img, mt_rand ( 0, $this->img_w ), mt_rand ( 0, $this->img_h ), $color );
        }
//        for($i = 0; $i <= 10; ++ $i) {
//            //设置直线颜色
//            $color = imageColorAllocate ( $img, mt_rand ( 0, 255 ), mt_rand ( 0, 255 ), mt_rand ( 0, 255 ) );
//            //在$img图像上随机画一条直线
//            imageline ( $img, mt_rand ( 0, $this->img_w ), mt_rand ( 0, $this->img_h ), mt_rand ( 0, $this->img_w ), mt_rand ( 0, $this->img_h ), $color );
//        }
        //加加框
        $rect_color = imagecolorallocate ( $img, 0x90, 0x90, 0x90 );
        imagerectangle ( $img, 0, 0, $this->img_w - 1, $this->img_h - 1, $rect_color );
        $str_color = imagecolorallocate ( $img, mt_rand ( 0, 100 ), mt_rand ( 0, 100 ), mt_rand ( 0, 100 ) );
        $font_w = imagefontwidth ( $this->font );
        $font_h = imagefontheight ( $this->font );
        $str_len = $font_w * $this->char_len;
        imagestring ( $img, $this->font, ($this->img_w - $str_len) / 2, ($this->img_h - $font_h) / 2, $code, $str_color );
        
        设定字符串颜色
        $str_color = imageColorAllocate ( $img, mt_rand ( 0, 100 ), mt_rand ( 0, 100 ), mt_rand ( 0, 100 ) );
        //设定字符串位置
        $font_w = imageFontWidth ( $this->font ); //字体宽
        $font_h = imageFontHeight ( $this->font ); //字体高
        $str_w = $font_w * $this->char_len; //字符串宽
        imageString ( $img, $this->font, ($this->img_w - $str_w) / 2, ($this->img_h - $font_h) / 2, $code, $str_color );
        echo 'ddd';
        ob_clean (); //清除输出缓存
        //添加到
        header ( 'Content-Type: image/png' ); //header前不能加任何输出或加ob_clean()清除
        imagepng ( $img );
        //----4 销毁画布
        imagedestroy ( $img );
        return $code;
    }
}

二、调用类输出验证码并将验证码保存到COOKIE：testCode.php

<?php
  require 'clscode.class.php';
  $code=new clsCode();
  $captcha=$code->output();
  setcookie('captcha', $captcha, time() + 3600) ;
  三、创建testClscode.html进行验证码输入与验证

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>Insert title here</title>
</head>
<script>
function recode(){
  change=document.getElementById('change');
  change.src='testCode.php';
  captcha=document.getElementById('captcha');
  captcha.src=change.src;
}
function check(){
    var code1;
    code=document.getElementById('code').value;
    code0=document.cookie.split('=')[1];//可以通过alert() 查看cookie中验证码格式
    code0= code0.split(';')[0]
  //  alert(code.toLowerCase());
   // alert(code0.toLowerCase());
 
  if(code0.toLowerCase()==code.toLowerCase()){
     alert("验证码正确");
      }else{
     alert("验证码不正确");
          }
}
</script>
<body>
 <input type='text' name='code' id='code'>
 <input type="image" src='testCode.php' id='change' οnclick='recode()'>看不清，请点击图片
 <a href='javascript:recode();'><img alt="看不清，点击图片" src="testCode.php" id='captcha'></a><br>
<input type='button' id='check' οnclick='check()' value='验证'>
</body>
</html>

四、测试

zhm123456
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
PHP与JavaScript针对Cookie的读写、交互操作方法详解
10-19
主要介绍了PHP与JavaScript针对Cookie的读写、交互操作方法,结合实例形式分析了php与javascript设置cookie、php读取php及js设置的cookie、js读取php及js设置的cookie等相关操作技巧,需要的朋友可以参考下
php cookie工作原理与实例详解
12-18
**PHP Cookie工作原理** Cookie是由Web服务器存储在用户浏览器中的小型文本文件，用于在客户端和服务器之间传递信息。当用户访问一个网站时，服务器可以通过设置Cookie来存储特定的数据，如用户的登录状态、偏好...
js跨域访问php cookie,请求跨域以及传递Cookie
weixin_42386504的博客
03-22 390
以前涉及到的网站项目都是前后端在一块儿的，这个在一块儿指的是同一个服务器同一个域名下，访问的时候由php进行跳转页面、控制页面的输出，JavaScript顶多发个ajax请求数据，不涉及到前端自己保存登录状态，也不会涉及到跨域问题。随着前端的发展，特别是nodejs的出现后，由nodejs启动服务，前端可以不依赖后端，前端自己跑自己的业务，然后在需要数据的时候发个ajax去调用后端接口去取数据，所...
【JS/PHP】Cookie工作原理及js/php调用方式
sy12321的博客
06-06 213
cookie原理介绍，js及php开发使用方式
php javascript 交互,PHP与JavaScript下Cookie的交互使用
weixin_39962394的博客
03-09 125
下面的例子列出几种情形交互场景，列出JS和php交互的方法。总结下，以免日后再为cookie问题困扰。setcookie.phpsetcookie('php_cn_ck','php_中文_cookie');setcookie('php_en_ck','php_english_cookie');?>Cookies.set('js_cn_ck','js_中文_cookie',5000);Cook...
php设置cookie,在js中如何获取
weixin_30642029的博客
12-15 214
php设置cookie,在js中如何获取 在php中设置cookie. $email="abc@163.com"; setcookie("y_email",$email,time()+3600,"/"); js中获取cookie function getCookie(c_name) { if (document.co...
js和php中的cookie
weixin_43529118的博客
06-09 192
1.在js中通过document.cookie="键=值"，当其中的值是一个变量时，就写成如下形式。document.cookie = "categoryids="+$tuijian; 2.通过var x=document.cookie,可以得到cookie值，但是得到的是所有的cookie。 3.在php中设置cookie值： <?php //初始化登录状态 $_COOKIE['is_login']=0; setcookie("is_login",0,time()+3600); ?> 4.
cookie js php,php、js中cookie操作的方法对比
weixin_29294395的博客
03-12 130
分享一下php与js操作cookie的方法，毕竟在网站编程中，php与js用的还是比较多的。例子：复制代码 代码示例:setcookie('php_cn_ck','php_中文_cookie');setcookie('php_en_ck','php_english_cookie');?>Cookies.set('js_cn_ck','js_中文_cookie',5000);Cookies.s...
php/js cookie共享跨域的问题
为天空着色
06-27 922
记录一下最近做的一个cookie共享的需求.，有两种情况：第一种：相同的顶级域名的情况下，只需要将cookie写在顶级域名下，该域名下的所有子域名都能访问到了。如 PHP： JS的设置和php类似： 第二种：两个顶级域名不同的站点，需要在设置cookie的时候设置httpOnly、secure、sameSite；比如A设置了cookie，B可以通过jsonp的方式就能取到了。sameSite必须设置为None,默认是空。如PHP：php>=7.3版本可以直接设置 php...
cookie.js-JavaScript资源
最新发布
07-01
cookieAIP
php中session与cookie的比较
10-24
主要介绍了php中session与cookie的比较,从多个角度分析了php中session与cookie的区别,需要的朋友可以参考下
js 和php 互操cookie 作用域
weixin_33851604的博客
07-24 119
2019独角兽企业重金招聘Python工程师标准>>> ...
php获取jscookie,JS生成cookie并用php读取cookie
weixin_33601398的博客
03-10 369
博客首页文章顶部的那个，是个广告位，原本想做关闭后多久时间内不会重复出现，但是想用JQ去管理cookie，发现要加个库进来，就放弃了。刚才搜索了下，发现JS写了cookie之后，可以用php来读取，好像也是可以的JS生成cookie并用php读取cookie，步骤如下：JS生成cookiesetCookie("open","yes",3600*24);function setCookie(c_na...
“js操作cookie” 与 “php操作cookie”，两种实现方法
weixin_30914981的博客
10-06 75
一、js操作cookie：functionSetCookie(name,value,days)//两个参数，一个是cookie的名子，一个是值{varDays=30;if(typeof(days)=="undefined"||isNaN(days))Days=parseInt(days.toString());//此cookie将被保存30...
js与PHP 设置cookie的相互读取
热门推荐
永不停歇
10-15 1万+
PHP与JavaScript下Cookie的交互使用  列出JS和php交互的方法 在 2012年01月31日 那天写的     已经有 3730 次阅读了 感谢 参考或原文 服务器君一共花费了16.304 ms进行了2次数据库查询，努力地为您提供了这个页面。 试试阅读模式？希望听取您的建议   下面的例子列出几种情形交互场景，列出JS和
php 后台存cookie前台js中文读取cookie的办法
wanganji5252的博客
07-26 2079
后台 setcookie("real_name", $user, time()+600);setcookie("status", $status, time()+600);     前台   function getCookie(name) {     var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]...
如何在php中设置cookie，在js中获取
weixin_33905756的博客
06-05 195
<?php setcookie("key","value",0,"/"); ?> <script> function getCookie(key){ if (document.cookie.length > 0){ c_start = document.cookie.indexOf(c_name + "="); ...
JavaScript Cookie：客户端与服务器的交互工具
"JavaScript Cookie是客户端存储信息的一种方式，常用于与服务器交互，例如用户登录状态维护、电子商务中的购物车功能。" 在JavaScript中，Cookie是处理客户端数据的关键工具，它允许网页应用程序存储少量的数据在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值