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

我用这个问题的答案来回答我的问题: How to reload/refresh an element(image) in jQuery

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

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