c# - Asp.net MVC 在不刷新页面的情况下将数据发布到 Controller

<分区>

我正在发布从下拉列表中选择的值。但在获得我的值(value)页面后会刷新。如何在不刷新页面的情况下将数据发布到 Controller ？

这是 View :

<div class="container">
    <div class="row">
        @foreach (var item in Model)
        {
            using (Html.BeginForm("AddToCart", "Test", new { id = item.ProductId }, FormMethod.Post))
            {


                <div class="col-md-3 col-sm-4 col-xs-6">
                    <img id="ImageClick" onclick="location.href='@Url.Action("ViewProductOnClick", "Home", new { id = item.ProductId })'"
                         src="@Url.Content("~/Content/" + item.ImageURL)" height="200" width="200" alt="@item.ProductName" />
                    <div class="productDetails">
                        <div class="productName">
                            <h5 id="ProductName" class="bold name">Name: @item.ProductName</h5>
                        </div>

                        <div class="productPrice bold" id="ProductPrice">
                            Rs. <span class="unit"> @item.Price</span>
                        </div>
                        <div class="productCart">


                            <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 no-padding">
                                <input type="submit" class="btn btn-success" id="btnSubmit" value="Add to Cart" />
                            </div>

                        </div>
                    </div>

                </div>
            }
        }

    </div>
</div>

这是我的 Controller :

    [HttpPost]
    public ActionResult AddToCart(int id, FormCollection collection)
    {
        MyDBContext myDBContext = new MyDBContext();

        if (ModelState.IsValid)
        {
            var cartFill = myDBContext.Products.Find(id);

            int quantity = Convert.ToInt16(collection["Weight"]);

            AddToCart addToCart = new AddToCart(cartFill, quantity);

            if (Session["cart"] == null)
            {
                List<AddToCart> list = new List<AddToCart>();
                list.Add(addToCart);
                Session["cart"] = list;
            }
            else
            {
                List<AddToCart> list = (List<AddToCart>)Session["cart"];
                list.Add(addToCart);
                Session["cart"] = list;
            }
        }
        return RedirectToAction("ViewCart", "Home");
    }

最佳答案

你可以这样做;

1) 你必须为你的 Action 创建部分 View ( Action 是你想发布的)

2) 添加jquery.unobtrusive-ajax的引用。

使用 NuGet 包管理器，您可以将库和引用安装到项目中。这是包链接 https://www.nuget.org/packages/Microsoft.jQuery.Unobtrusive.Ajax/

3)要正确使用 Ajax.BeginForm 功能，请不要忘记将引用添加到页面中

完成这些后，您可以在 ASP.NET MVC 中使用 Ajax.BeginForm 将数据发布到 Controller ，而无需刷新页面。

有关详细说明，您可以阅读此链接: post-data-without-whole-postback

关于c# - Asp.net MVC 在不刷新页面的情况下将数据发布到 Controller ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53319914/