單擊MVC中的按鈕時如何將模型從視圖傳遞到控制器？

Question

索引 - 查看

@model SendAFaxWeb.Models.Send
//view start here
<body>
    <div>
        <h2>Test Upload File</h2>
        <form action="@Url.Action("Index", "Home")" id="form" method="post" enctype="multipart/form-data">
            @Html.AntiForgeryToken()
            <div class="form-group">
                <label>Fax Number:</label>
                @Html.TextBoxFor(m => m.Recipients[0].Number)
             </div>

            <div class="form-group">
                <label>Select File:</label>
                <input type="file" name="files" id="file" multiple="multiple" onchange="this.form.submit();" />
            </div>

            <div>
              @if (Model != null)
                 {
                   foreach (var item in Model.Documents)
                    {
                       <li>FileName: @item.Name</li>
                    }
                  }
             </div>
    </form>

    <input type="submit" name="send" value="Send" id="btnSend" />

    </div>
</body>

Javascript - javascript 不起作用

<script type="text/javascript">
    $(document).ready(function () {
     $("#btnSend").click(function () {
        alert("button click");
        e.preventDefault();

        var model = @Html.Raw(Json.Encode(Model))
        $.ajax({
            type: 'post',
            url: '@Url.Action("Send", "Home")',
            data: JSON.stringify({ contact: model }),
            contentType: 'application/json; charset=utf-8',
            dataType: "json",
            success: function (data) {
                alert(data);
            }
        });
        });
    });

</script>

控制器

public ActionResult Send(Send contact)
{
    //some code here
}

我試圖通過使用 javascript 將模型傳遞給控制器，但它不起作用。 javascript中的警報也不會彈出。 誰能告訴我代碼有什么問題。

Answer 1

您可以使用以下代碼進行操作

@model PK.LifeStyles.Web.Models.Reimbursement //model declaration on top

<button type="button" onclick="location.href='@Url.Action("ActionName", "ControllerName",Model)'">

你后面的代碼應該是這樣的

    public ActionResult Save(Reimbursement data)
    {
      // your  code
    }
   //just some random class
   public class Reimbursement{
         public string Destination { get; set; }
   }

Answer 2

您已經實現了跨源安全性，例如： @Html.AntiForgeryToken() 。 因此，您必須在AJAX調用中將該值作為參數傳遞，如下所示。

阿賈克斯：

data:{__RequestVerificationToken:$('[name=__RequestVerificationToken]').val();}

您還必須在控制器中添加屬性。

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Send(Send contact)

Answer 3

  @using (Html.BeginForm("actionmethod", "controller", FormMethod.Post, new { }))

您可以在視圖中使用它來將數據從視圖發送到控制器

單擊MVC中的按鈕時如何將模型從視圖傳遞到控制器？

問題描述

3 個解決方案

解決方案1
1 2018-01-19 06:45:20

解決方案2
0 2016-08-11 10:36:20

解決方案3
0 2022-05-12 04:52:07

單擊MVC中的按鈕時如何將模型從視圖傳遞到控制器？

問題描述

3 個解決方案

解決方案1 1 2018-01-19 06:45:20

解決方案2 0 2016-08-11 10:36:20

解決方案3 0 2022-05-12 04:52:07

解決方案1
1 2018-01-19 06:45:20

解決方案2
0 2016-08-11 10:36:20

解決方案3
0 2022-05-12 04:52:07