如何在不刷新页面的情况下，更新验证码

现在是点击看不清就会刷新当前页面，怎么用异步刷新实现点击看不清就更新验证码呢，求指教

img

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<html>
<head>
    <script src="/res/js/jquery-3.6.0.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#refresh_a").click(function(){
                let url = '${pageContext.request.contextPath}/user/image';
                $('#captchaImage').attr('src',url);
            });
        })
    </script>
</head>
<body>
验证码练习
<form id="login_form" >
    验证码：<input id="verifyId" type="text" name="verify_code" value=""/>
    <img src="${pageContext.request.contextPath}/user/image" width="119" height="34" class="code" id="captchaImage"/>
    <a href="" id="refresh_a">看不清，换一个</a>
<%--    <input type="button" id="tijiao_btn" value="提交"/>--%>
</form>

用ajax请求图片


let url = '${pageContext.request.contextPath}/user/image?ts='+Date.parse(new Date());

你这个代码没什么问题
确保你这个后端路径没次调用会返回不同的验证码
然后请求路径加一个时间戳。不然浏览器会有缓存？刷新不了