主页 / 问题 / 1356364
Accepted
Boris
Asked:2022-05-02 16:28:52 +0800 CST2022-05-02 16:28:52 +0800 CST

将 JS 结果传递给控制器

  • 772

大家好。用户输入屏幕上提供的硬币的数量。1.2.5.10。当您点击 1 时，输入的金额会增加 1。点击 2 时，存款金额增加 2，以此类推，如果金额超过成本，用户收到找零。用户输入金额，购买选择的饮料。我如何转移用户贡献的金额。我做了什么：查看

<h1 class="display-4">Welcome</h1>
<p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
@foreach (var entity in Model)
{
     var idButton+=1;
     var buttonIncrease = increase + idButton;
    <button id="buttonIncrease" name="increase" type="button" class="btn btn-primary">@entity.Cost</button>
}

@*test*@
<h2>внесенная сумма</h2>
<input type="text" name="field" value="0" />
@*test*@

模型：

        [Column(TypeName = "decimal(18, 2)")]
        private decimal _cost;
        private int _quantity;

        public int Id { get; set; }

        [Column(TypeName = "decimal(18, 2)")]
        public decimal Cost
        {
            get=>_cost;
            set
            {
                if (value >= 0)
                {
                    _cost = value;
                }
                else
                {
                    throw new ArgumentException("Количество денег не может быть меньше 0");
                }
            }
        }
        public int Quantity { get; set; }
        public bool IsBlocked { get; set; }

控制器

[HttpGet]
public IActionResult Purchase(int result, IFormCollection colletion)
{
    string ss = ViewBag.SumMoney;
    return Ok(result);
}


Array.prototype.forEach.call(document.querySelectorAll('.increase'), function(v) {
  v.addEventListener('click', inc);
});

function inc() {
  var div = this.parentElement;
  var input = div.children.item(1);
  input.setAttribute('value', (parseInt(input.getAttribute('value')) + 5).toString());
}
<div>
  <button class="decrease" type="button">-</button>
  <input type="text" name="field" value="0" />
  <button class="increase" type="button">+</button>
</div>

тут уже не работает
<input type="text" name="field" value="0" />
тут уже не работает

我写了这段代码，它似乎工作。视图上的值已更改。那只是在div的过道后面，它不起作用。我需要一个字段和 4 个按钮来更改金额。如何将此Js代码挂在按钮上

javascript

1 个回答

  1. Best Answer
    1. 要从页面上的表单中传输某些内容，在第一行代码的视图中，始终指示该视图将使用的模型。
    2. 在视图中，您必须通过添加以下行来明确指出这是一个数据输入表单form method="post"

    <div class="container">
  <form method="post" asp-controller="Название контроллера" asp-action="PaymentPost">
    <div>
      // какой то код
      <input asp-for="Payment" class="form-control" />
    </div>
    <input class="button" type="submit" value="Передать что-либо" />
  </form>
</div>

    1. 在您的模型中，您可以添加一个属性来存储用户已支付的金额。public int Payment { get; set; }

    2. 在控制器中，除了Get类型的方法外，还需要创建一个Post类型的方法，可以称为PaymentPost。就像是

      public IActionResult PaymentPost(int Payment) {/* логика обработки, полученного результата Payment */ return RedirectToAction("Index");}

    最终，您需要在尝试使用 ASP.NET Core 之前了解它。这是一个简要介绍 ASP.NET Core 工作原理的视频，这里是一个包含.NET 5 上的ASP.NET Core MVC代码的存储库，

    • 1

相关问题