如何通過MVC應用程序中的形式數據傳遞複雜模型？

在MVC應用中傳遞複雜模型表單數據

在MVC應用程序中，將模型作為表單數據的一部分傳遞可能會帶來挑戰，尤其是在處理整個模型集時。本文通過提供一個全面的解決方案來解決這個問題。

挑戰：JavaScript中的模型序列化

當嘗試使用formdata.append("model", model)在JavaScript中將模型附加到表單數據時，模型通常會被序列化為字符串，導致出現“[object object]”表示。

解決方案：FormData序列化

為了克服這個問題，請使用FormData構造函數如下序列化模型：

<code class="language-javascript">var formdata = new FormData($('form').get(0));</code>

此方法將自動序列化模型和使用<input type="file">元素生成的任何文件。

將表單數據發佈到控制器

使用AJAX將序列化的表單數據發佈到控制器：

<code class="language-javascript">$.ajax({
  url: '@Url.Action("YourActionName", "YourControllerName")',
  type: 'POST',
  data: formdata,
  processData: false,
  contentType: false,         
});</code>

在控制器端，定義一個操作來接收表單數據：

<code class="language-csharp">[HttpPost]
public ActionResult YourActionName(YourModelType model)
{
}</code>

如果您的模型不包含HttpPostedFileBase屬性，請使用以下操作重載：

<code class="language-csharp">[HttpPost]
public ActionResult YourActionName(YourModelType model, HttpPostedFileBase myImage)
{
}</code>

添加其他屬性

如果需要，您可以使用以下方法將其他屬性附加到表單數據：

<code class="language-javascript">formdata.append('someProperty', 'SomeValue');</code>

以上是如何通過MVC應用程序中的形式數據傳遞複雜模型？的詳細內容。更多資訊請關注PHP中文網其他相關文章！