如何在 MVC 中使用 FormData 傳遞和檢索完整的模型物件？

在MVC 中使用FormData 傳遞和檢索模型資料

在處理複雜資料時，透過FormData 傳遞完整的模型物件可能會很完整的模型物件可能會很完整有幫助。網路應用程式。以下是實現此目的的方法：

JavaScript：

使用帶有表單元素的FormData() 建構子序列化模型：

var formdata = new FormData($('form').get(0));

這將從表單控制項捕獲數據，包括透過.

AJAX 要求：

使用適當的設定來配置您的 AJAX請求：

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

控制器：

在您的控制器中，建立一個操作來處理request:

[HttpPost]
public ActionResult YourActionName(YourModelType model)
{
}

MVC 會自動將序列化的模型資料綁定到YourModelType 的實例。如果模型包含 HttpPostedFileBase 的屬性，則您的控制器操作也可以包含它的參數。

其他資料：

如果您需要包含以下附加資料：表單中不存在，您可以在FormData 物件上使用append()方法：

formdata.append('someProperty', 'SomeValue');

透過以下操作步驟，您可以在AJAX 請求期間透過FormData傳輸完整的模型對象，並方便地在相應的控制器操作中檢索它以進行進一步處理。

以上是如何在 MVC 中使用 FormData 傳遞和檢索完整的模型物件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！