在视图中使用 java 脚本调用 MVC 操作

Question

我有一个包含图像的视图，我想设置一个按钮来通过调用我的控制器中的操作来重新加载该图像，如下所示：

<a href="javascript://" class="Button ButtonLarge" id="Reload"><span><span class="ButtonIcon NewTopic">Refresh</span></span></a>

以及如下操作：

public ActionResult Image()
        {
            var builder = new XCaptcha.ImageBuilder();
            var result = builder.Create();

            Session.Add("SecurityNumber", result.Solution);

            return new FileContentResult(result.Image, result.ContentType);
        }

我需要使用 javascript 调用此操作并设置新的图像源任何帮助会好的

Answer 1

要更新图像，只需更新 src 属性即可。使用 jQuery：

$("#Reload").click(function(e) {
    $("#Captcha").attr("src", "/path/to/your/action");

    e.preventDefault();
});

它的作用是，当您单击 id 为“Reload”的元素时，将 id 为“Captcha”的图像的“src”属性设置为“/path/of/your/action”。 e.preventDefault() 就在那里，所以我们不点击该链接。