将 JSON 格式的 FORM 数据发送到 Web API 操作而不提交表单

Question

我需要预览表单的内容而不提交它。这个想法是：

1. 获取表单数据，例如标签、输入和文本区域值；
2. 使用 AJAX 将数据发送到我将“准备”数据的 URL；
3. 使用 (http://www.berriart.com/sidr) 在模板中显示数据

我有一个表单示例：

<form method="post">
  <label for="Name">Full Name</label>
  <input type="text" value="John" id="Name">
  <label for="CV">Curriculum Vitae</label>
  <textarea value="I am ..." id="CV" data-parser="markdown">I am  ...</textarea> 
  <label for="Roles">User Roles</label>
  <select id="Roles">
    <option value="1" selected>Admin</option>
    <option value="2">Collaborator</option>
  </select> 
  <label for="Active">Active</label>
  <input type="checkbox" value="true" id="Active">
</form>

所以在这种情况下我需要获取数据：

Full Name: John (Label text and Input value)
Curriculum Vitae: I am ... (Label text and Input value)
Roles: Admin (Label text and Selected option)
...

我想获取一个 JSON 对象，以便可以对其进行操作并返回以在 Sidr 中显示它。

当它存在时，我还需要在数据解析器中发送值...

例如，textarea 有 data-parser="markdown"。

如何获取表单数据并将其发送到 JSON 格式的 ASP.NET Web API 操作？

谢谢你， 米格尔

Answer 1

使用jQuery序列化表单，然后发送到控制器：http://api.jquery.com/serialize/