Javascript和ASP MVC -刷新图像

Question

我有一个包含验证码的页面。只要用户输入的验证码不正确，表单就会提交，用户就会继续。如果没有，我想刷新验证码图像，以便用户必须输入新的数字。这段代码目前在Chrome中工作，但在firefox中不会刷新。也不能在IE中工作。

javascript方法:

function CheckCaptcha() {
    var UserInput = $("#Captcha").val();
    $.ajax({
        type: "POST",
        url: "/Messaging/CheckUserCaptcha",
        data: { userCaptcha: UserInput },
        success: function (data) {
            //alert("SUCCESS: " + data.success);
            //alert("SUCCESS2: " + data.message);
            var correct = data.success;
            if (correct == true) {
                document.forms[0].submit();
            } else {  THIS IS WHERE I NEED TO REFRESH THE CLASS
                alert(data.message);
                $(".captchaImage").attr("src", "<%= Url.Action("CaptchaImage", "Messaging", new {prefix = "CaptchaImage"}) %>");
            }    
        }
    });
    return false;
}

这就是HTML的样子

    <img src="/Messaging/CaptchaImage?prefix=CaptchaImage" class="captchaImage"></img>

Answer 1

我用这个问题的答案来回答我的问题:如何在jQuery中重载/刷新元素(图像)

所以本质上我的问题可能是他的问题的副本。我只是花了一点时间才找到答案。

i添加了一个变量d，它被实例化为Date对象的一个新实例。然后我将getDate()方法连接到我的图像上。