关于后台生成验证码后，在前台获取cookie的方法

最新推荐文章于 2024-03-25 22:14:19 发布

原创最新推荐文章于 2024-03-25 22:14:19 发布 · 4.1k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #cookie #前台js获取cookie #随机生成验证码

科普文专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种前后端结合的方法来处理验证码。前端通过JavaScript从cookie中读取验证码，而后端负责生成包含数字和字母的简单四字符验证码并将其设置到cookie中。

//前台通过js处理，获取后台设置的cookie

       //验证验证码是否正确
        var checkCode = "";
        var cooks = document.cookie.split(";");
        for (var i = 0; i < cooks.length; i++) {
            var index = cooks[i].indexOf("CheckCode");
            if (index > -1) {
                checkCode = cooks[i].split("=")[1];
            }
        }

后台，可以生成简单的4字符的验证码

{
            StringBuilder checkCode = new StringBuilder();
            Random random = new Random();
            char[] letter =   {   
        '0','1','2','3','4','5','6','7','8','9',  
        'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z',   
        'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'   
        };
            for (int i = 0; i < 4; i++)
            {
                int RandKey = random.Next(0, 20);
                checkCode.Append(letter[RandKey]);
            }
            //string str = System.Text.Encoding.UTF8.GetString(System.Text.Encoding.Default.GetBytes(checkCode.ToString()));
            //HttpCookie h = new HttpCookie("CheckCode", str);
            string str = HttpUtility.UrlEncode(checkCode.ToString());
            Response.Cookies.Add(new HttpCookie("CheckCode", str));

            return checkCode.ToString();
        }