Question

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

获取表单数据，例如标签，输入和textarea值;
使用AJAX将数据发送到我将“准备”数据的URL;
使用（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/

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

1 个答案: