Question

To create an image button that calls an action method you can use construction like that

<a href="@Url.Action("SomeAction")" ><img src="image.jpg"/> </a>

But what if I actually need an ajax call?
I can use jQuery, and bind a javascript event to the button, but I wonder if there is even an easier way, without polluting markup with scripts?

Answer 1

try

@Ajax.ActionLink("LinkText", "ActionName", "ControllerName", your route values or null, new AjaxOptions { UpdateTargetId="Div1"}, new { @class = "MyCssClass" })

in your css file

.MyCssClass
{
  background-image:url(image.jpg);
}

Edit

@Ajax.ActionLink("LinkText", "ActionName", "ControllerName", your route values or null, new AjaxOptions { UpdateTargetId = "Div1" }, new { style = "background-image:url(image.jpg)" })

Note

you should wirte the full path of your image(relative path).