带有图像的 Ajax.ActionLink

发布于 2024-11-16 01:11:16 字数 235 浏览 0 评论 0原文

要创建一个调用操作方法的图像按钮，您可以使用类似的构造

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

但是如果我实际上需要 ajax 调用怎么办？我可以使用 jQuery，并将 javascript 事件绑定到按钮，但我想知道是否有更简单的方法，而不用脚本污染标记？

原文

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?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

自此以后，行同陌路 2024-11-23 01:11:16

尝试

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

在您的 css 文件中

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

编辑

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

注意

您应该写入图像的完整路径（相对路径）。

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).

回复收藏 0 原文