首頁 >web前端 >js教程 >如何在 ASP.NET MVC 中透過 FormData 附加和接收模型?

如何在 ASP.NET MVC 中透過 FormData 附加和接收模型?

Susan Sarandon
Susan Sarandon原創
2024-12-22 06:12:10961瀏覽

How to Append and Receive a Model via FormData in ASP.NET MVC?

在 Formdata 中附加和接收模型

要將模型物件作為 formdata物件的一部分傳遞並在控制器中檢索它,請考慮下列方法:

JavaScript:

  1. 建立一個FormData 物件:

    var formdata = new FormData($('form').get(0));
  2. 轉換模型到JSON使用JSON.stringify():

    let model = {
      EventFromDate: fromDate,
      EventToDate: toDate,
      ...
    };
    const modelJson = JSON.stringify(model);
  3. 將 JSON字串附加到表單資料:

    formdata.append("model", modelJson);

AJAX呼叫:

$.ajax({
  url: '@Url.Action("YourActionName", "YourControllerName")',
  type: 'POST',
  data: formdata,
  processData: false,
  contentType: false,
});

控制器:

  1. 控制器:
  2. 控制器:
    [HttpPost]
    public ActionResult YourActionName(YourModelType model)
    {
      // Your code to process the model here...
    }
    🎜>
  3. 使用[HttpPost]屬性修飾操作以指示它接收 HTTP POST 請求。

宣告適當模型的參數type:

ASP.NET MVC 會自動將 JSON 模型字串綁定到適當的模型類型。 此方法可讓您將整個模型附加為JSON 資料到 formdata 並在控制器中將其作為模型物件檢索,使您能夠在控制器操作中使用複雜的模型。

以上是如何在 ASP.NET MVC 中透過 FormData 附加和接收模型?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn