Django下使用captcha_refresh 不能实现动态刷新

Question

我按照这个博主的方法一步一步走，https://blog.csdn.net/weixin_41102960/article/details/123543338%E4%BD%86%E6%98%AF%E4%B8%BA%E4%BB%80%E4%B9%88%E5%B0%B1%E6%98%AF%E4%B8%8D%E8%83%BD%E5%AE%9E%E7%8E%B0%E9%AA%8C%E8%AF%81%E7%A0%81%E7%9A%84%E5%8A%A8%E6%80%81%E5%88%B7%E6%96%B0%E5%91%A2%EF%BC%9F

我一刷新浏览器显示页面404

Answer 1

在 Django 中使用 captcha_refresh 不能实现动态刷新，可能是因为 captcha_refresh 只是一个视图函数，并没有实现在前端实时刷新验证码的逻辑。

要实现动态刷新验证码，可以使用 AJAX 技术，通过前端 JS 脚本定时请求获取新的验证码图片，并更新到页面中。以下是一个简单的示例：

在 Django 视图函数中，返回一个 JSON 数据，其中包含一个新的验证码图片地址和一个新的验证码 key：

```python

import json
from captcha.models import CaptchaStore

def refresh_captcha(request):
    captcha = CaptchaStore.generate_key()
    captcha_url = captcha.url()
    data = {'key': captcha, 'image_url': captcha_url}
    return JsonResponse(data)
在前端页面中，使用 jQuery 或其他 JS 库发送 AJAX 请求，并将返回的 JSON 数据中的验证码图片地址和 key 更新到页面上：
javascript

$(document).ready(function() {
    $('#refresh-captcha').click(function() {
        $.ajax({
            url: '/refresh-captcha/',
            dataType: 'json',
            success: function(data) {
                $('#captcha-image').attr('src', data.image_url);
                $('#id_captcha_0').val(data.key);
            }
        });
    });
});

```
其中，#refresh-captcha 是一个按钮，用于触发 AJAX 请求；#captcha-image 是一个图片元素，用于显示验证码图片；#id_captcha_0 是一个隐藏表单元素，用于保存新的验证码 key。