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

我按照这个博主的方法一步一步走,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

img

在 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。