Call MVC action using java script within a view

Question

I have a view that contain a image i want to set a button to reload this image by calling an action in my controller like this :

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

and the action like this:

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

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

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

i need to call this action using javascript and set the new image source any help will be good

you can use jquery $.get . api.jquery.com/jQuery.get instead of using javascript — Jayantha Lal Sirisena
– Jayantha Lal Sirisena, Commented Aug 29, 2011 at 9:20
or if you can give me an exampl of how can i do it in jquerey — Eslam Soliman
– Eslam Soliman, Commented Aug 29, 2011 at 9:24

alexn · Accepted Answer · 2011-08-29 09:26:24Z

3

To update an image, just update the src attribute. Using jQuery:

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

    e.preventDefault();
});

What this does is when you click an element with id "Reload", set the "src" attribute of the image with id "Captcha" to "/path/of/your/action". e.preventDefault() is there so we do not follow the link.

answered Aug 29, 2011 at 9:26

alexn

59.2k14 gold badges114 silver badges146 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Eslam Soliman Over a year ago

<script type="text/javascript"> $(document).ready(function () {     $("#Reload").click(function (e) {         $("#image").attr("src", "/AccountController/Image");          e.preventDefault();     });     )}; </script>

alexn Over a year ago

@Eslam Yes, that should work. Are you sure you want the Controller suffix in there? I guess it should be "/Account/Image".

Eslam Soliman Over a year ago

thanks a lot alexn ,and i have a nother question can i made it without reloading the page

Eslam Soliman Over a year ago

it reloads the image only one time is there is something in what i wrote

Collectives™ on Stack Overflow

Call MVC action using java script within a view

1 Answer 1

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Related