FormData 是一种 HTML5 API，可用于从表单中获取数据并通过 AJAX 请求发送到服务器。但是，有时您可能需要将整个模型附加到 FormData 中，以便在提交表单时将其传递给服务器。本文将介绍如何实现这一目标，并提供示例代码。
步骤 1：创建 FormData 实例
首先，我们需要创建一个 FormData 实例，以便在其中添加我们要提交的数据。以下是创建 FormData 实例的示例代码：
var formData = new FormData();
步骤 2：将模型转换为 JSON 对象
接下来，我们需要将模型转换为 JSON 对象，以便将其添加到 FormData 实例中。以下是将模型转换为 JSON 对象的示例代码：
var model = {
name: 'John Doe',
age: 30,
email: 'johndoe@example.com'
};
var jsonModel = JSON.stringify(model);步骤 3：将 JSON 对象添加到 FormData 实例中
现在，我们可以将 JSON 对象添加到 FormData 实例中。以下是将 JSON 对象添加到 FormData 实例中的示例代码：
formData.append('model', jsonModel);注意，第一个参数是键，第二个参数是值。在这种情况下，我们使用“model”作为键，使用转换后的 JSON 对象作为值。
步骤 4：在 MVC 中获取 FormData
最后，我们需要在 MVC 控制器中获取 FormData。以下是如何在 ASP.NET MVC 中获取 FormData 的示例代码：
-- -------------------- ---- ------- ---------- ------ ------------ ------------------------- --------- - --- --------- - ---------------------- --- ----- - ----------------------------------------- -- -- --------- ---- --- -------- ------ ------- -
注意，这里使用的是 FormDataCollection 类型，它位于 System.Net.Http.Formatting 命名空间中。此外，我们使用 Newtonsoft.Json 库将 JSON 对象转换回模型对象。
结论
现在，您知道如何将整个模型附加到 FormData 中并在 MVC 中获取它。这是一种非常有用的技术，可以帮助您更轻松地处理大量数据，并且可以将其应用于各种不同的场景中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26247