MVC中的按钮提交无法正常工作

Question

我在index.cshtml页面中有一个提交按钮，当我单击该按钮时，我需要使用另一个ActionResult服务器方法。但是它不起作用。（未触及服务器端方法）

HTML

@model IEnumerable<AAB.Domain.Items>

<!-- Featured Products -->
<div class="card-deck card-deck-product mt-3 mb-2 mb-sm-0">
    @foreach (var item in Model)
    {
        <div class="card card-product" id="@item.ItemId">
            <div class="card-body">
                <button class="wishlist atw-demo " title="Added to wishlist"><i data-feather="heart"></i></button>
                <a href="#"><img class="card-img-top" src="@item.ImageUrl" alt="Card image cap"></a>
                <a href="#" class="card-title">@item.ItemName</a>
                <div class="price"><span class="h5">Rs:@item.ItemPrice</span></div>
            </div>

            <div class="card-footer">

                <input type="submit" class="btn btn-sm" id="@item.ItemId" value="Add to Cart" href="@Url.Action("AddNewItems","Home",new { ItemId=item.ItemId})"/>
            </div>
        </div>

    }
</div>

服务器端

[HttpPost]
    public ActionResult AddNewItems(int ItemId)
    {
        // Some code here.
        return PartialView("_PopCart", ItemId);
    }

Answer 1

在按钮周围加上标签。

<a href="@Url.Action("AddNewItems","Home",new { ItemId=item.ItemId})">
<input type="submit" class="btn btn-sm" id="@item.ItemId" value="Add to Cart" />
</a>