javascript - 在 ASP.NET MVC 中使用 jQuery 发布表单元素不起作用

Question

我正在使用 ASP.NET MVC 和 jQuery。

我有一个文本框和一个包含数据的 HTML 表格，例如:

<form action="/Server/Test" method="post">

     <input type="text" id="ServiceAccount" />

     <table>
          <tr>
               <th>Heading 1</th>
               <th>Heading 2</th>
          </tr>
          <tr>
               <td>Cell data 1</td>
               <td>Cell data 2</td>
          </tr>
     </table>

</form>

上表未绑定(bind)到 View 模型，它通过 AJAX/JSON 填充。

我需要将文本框的值和单元格数据发布到 Controller 的操作方法。因此，如果我在文本框中输入 1234567，那么我需要将该值与表的内容一起发布到操作方法。我还需要表数据进行处理。这可能吗？我找不到样本。

我的操作方法如下所示:

[HttpPost]
public ActionResult Test(string[] data)
{
     // Use the value Cell data 1
     // Use the value Cell data 2

     return View();
}

鉴于我下面的代码，它没有击中我的操作方法:

$('form').submit(function () {
     $.post('@Url.Action("Test", "Server")', $('form').serialize(), function (data) {
          alert('success');
     });
     return false;
});

我不明白我做错了什么。

Answer 1

我需要将文本框的值和单元格数据发布到 Controller 的操作方法。因此，如果我在文本框中输入 1234567，那么我需要将该值与表的内容一起发布到操作方法。我还需要表数据进行处理。这可能吗？我找不到示例。

是的，这是可能的，但是您的表必须包含隐藏输入，tr和td数据也不能通过提交发送(正常提交，而不是ajax)， serialize() 不序列化表行。看这个问题:

How to submit a table with dynamic rows of data via asp.net mvc or jquery?