我有以下代码 -
@model MyFirstProject.Models.Product
<script type="text/javascript">
function AtC(prodid) {
var url = "/Shopping/AddToCart/";
$.post(url, { pID: prodid });
}
</script>
<table style="background-color:gray; padding:20px;">
<tr>
<td>
<h3 align="center">@Model.Title</h3>
<p align="center" style="color:white">@Model.UploadDate.Day.@Model.UploadDate.Month.@Model.UploadDate.Year</p>
<p align="center">@Model.ShortDescription</p>
</td>
</tr>
<tr>
<td>@Html.ActionLink("Add to cart", "Index", "Shopping", null, new {onclick = "AtC()", @style="color: White;" })</td>
<td>@Html.ActionLink("Show product details", "ProductDetails", new {pID = Model.ProductID}, new { @style = "color: White;" })</td>
</tr>
</table>
我需要向 AtC 函数发送一个 int:Model.ProductID。我尝试了多种方法来修复它,但没有任何效果。请帮忙,因为我不知道该怎么办。
更新 谢谢 pλul',这正是我所需要的! 我的问题解决了!
最佳答案
这应该有效。
@Html.ActionLink("Add to cart", "Index", "Shopping", null,
new { onclick = "AtC("+Model.ProductID+")", @style = "color: red;" })
我个人更喜欢使用不显眼的 javascript,这样我的标记就不会直接调用 javascript 方法。为此,我们将向链接添加一个 ID。
由于您要发布到 Shopping/AddToCart 方法,因此您可以在构建操作链接时使用这两个方法。
@Html.ActionLink("Add to cart", "AddToCart", "Shopping", new {@id=Model.ProductID},
new { @id="addToCart", style = "color: green;" })
现在在 javascript 中监听 id 为“addToCart”的 anchor 标记的点击事件,并执行 ajax post
$(function(){
$("a#addToCart").click(function(e){
e.preventDefault();
$.post($(this).attr("href"),function(response){
console.log(response);
});
});
});
如果您想发送其他信息,可以将它们作为 html5 数据属性保留在链接中并根据需要使用
@Html.ActionLink("Add to cart", "AddToCart", "Shopping", new { @id = Model.ProductID},
new { @id = "addToCart",data_size="large", style = "color: green;" })
在您的 JavaScript 中,您可以阅读这些附加信息
$("a#addToCart").click(function(e){
e.preventDefault();
var d = { Size : $(this).data("size");
$.post($(this).attr("href"),d,function(response){
console.log(response);
});
});
关于javascript - c# asp.net mvc - 使用参数从 html.actionlink 调用脚本函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35523722/