该表格不会将数据（产品ID）发送到Razor页面操作方法

Question

[在此处输入图像描述] [1]

生度 [1]： https://i.sstatic.net/6pkfj.png 此事的本质： 有一系列可以添加到购物车中的产品列表，但是当您单击“添加到购物车”时，表单不会传输产品ID，它仅传输零，与此同时找不到此类产品，并且链接到达对象丢失了。

表格的视图：

@model PagedList<Product>
<div class="container-fluid">
    
                @foreach (Product p in Model) {
                    <div class="row">
                        <div class="col">
                            <div class="card m-1 p-1 bg-light">
                                <div class="bg-faded p-1">
                                    <h4>
                                        @p.Name
                                        <span class="badge badge-pill badge-primary"
                                              style="float:right">
                                            <small>[email protected]</small>
                                        </span>
                                    </h4>
                                </div>
                               
                                <form id="@p.Id" asp-page = "/Cart"
                                       method="post">
                                       
                                    <input type="hidden" name="Id" value="@p.Id" />
                                    <input type="hidden" name="Name"
                                           value="@p.Name" />
                                          
                                            
                                    <input type="hidden" name="RetailPrice"
                                           value="@p.RetailPrice" />
                                    <input type="hidden" name="returnUrl" value="@ViewContext.HttpContext.Request.PathAndQuery()" />
                                    <span class="card-text p-1">
                                        @(p.Description
                                            ?? "(No Description Available")
                                        <button type="submit"
                                                class="btn btn-success btn-sm pull-right"
                                                style="float:right">
                                            Add To Cart
                                        </button>
                                    </span>
                                </form>
                            </div>
                        </div>
                    </div>
                }
            </div>
        </div>
    </div>
</div>

产品ID应传递给Onpost，但是0通过了，

  public class CartModel : PageModel
    {
       private IRepository repository;
        public Cart Cart { get; set; }
        public CartModel(IRepository repo, Cart cartService)
        {
            repository = repo;
            Cart = cartService;
        }
        public string ReturnUrl { get; set; }
        public void OnGet(string returnUrl)
        {
         ReturnUrl = returnUrl ?? "/store";

        }
        public IActionResult OnPost(long productId, string returnUrl)
        {
            Product product = repository.Products.FirstOrDefault(p=>p.Id == productId);
            Cart.AddItem(product, 1);
            return RedirectToPage(new { returnUrl = returnUrl });

        }
        public IActionResult OnPostRemove(long productId, string returnUrl)
        {
            Cart.RemoveLine(Cart.Lines.First(c=>c.Product.Id == productId).Product);
            return RedirectToPage(new {returnUrl = returnUrl});

        }
    }
}

我不明白为什么会发生这种情况，我需要您的帮助

Answer 1

输入形式的名称和您在“ Onpost”方法上获得的参数的名称应相互匹配。

而不是此＆lt; input type =“隐藏”名称=“ id” value =“@p.id” /＆gt; < /code>

尝试此＆lt; input type =“隐藏”名称=“ productid” value =“@p.id” /＆gt; < /code>

Answer 2

在Razor页面模型绑定中，当您涉及到处理程序方法中添加参数时。这些参数是以表单字段命名的，并为预期数据提供了适当的类型。当发布表单时，剃刀页框架调用了OnPost方法，并看到它具有两个参数。

public IActionResult OnPost(long productId, string returnUrl)
        {
            Product product = repository.Products.FirstOrDefault(p=>p.Id == productId);
            Cart.AddItem(product, 1);
            return RedirectToPage(new { returnUrl = returnUrl });

        }

如果可以将值转换为参数表示的类型，则提取符合参数名称的符合参数名称的表单值，并自动将值分配给参数。

您在OnPost方法中使用productid，但是在您的视图中，我看不到您的productid字段。
请检查一下，然后进行一些更改。