Question

我正在从下拉列表中发布一个选定的值。但在获取我的价值页面后，请刷新。如何在不刷新页面的情况下将数据发布到控制器？

这是视图：

green open candidates_production_20181115120304443    gxVGH8cfT0OrZnBuNFAZoQ 1 1 29562 0  107mb 53.3mb

这是我的控制人：

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

Answer 1

如果您只想更新页面的一部分而不是刷新页面，则应该使用局部视图。

这是一个有用的链接，开头为：http://www.tutorialsteacher.com/mvc/partial-view-in-asp.net-mvc。

Answer 2

您可以这样做；

1）您必须为操作创建部分视图（要发布操作）

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

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

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

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

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

Asp.net MVC在不刷新页面的情况下将数据发布到控制器

2 个答案: