使用 Razor/C# 循环遍历 HTML 表以获取每个 <tr> 中的数据答案

【问题标题】：Loop through an HTML table using Razor/C# to get the data in each <tr>使用 Razor/C# 循环遍历 HTML 表以获取每个 <tr> 中的数据
【发布时间】：2015-06-07 13:13:15
【问题描述】：

我有一个 HTML 表格，可以通过 Javascript 动态添加或删除行。每行都有一些输入需要通过 WebMatrix 中的 Razor/C# 发送到我的 SQLCompact 数据库。例如：

<table id="dataTable">
  <tr id="line1">
    <td><input type="text" name="input1line1"></td>
    <td><input type="text" name="input2line1"></td>
    <td><input type="text" name="input3line1"></td>
  </tr>
  <tr id="line2">
    <td><input type="text" name="input1line2"></td>
    <td><input type="text" name="input2line2"></td>
    <td><input type="text" name="input3line2"></td>
  </tr>
</table>

Line1 在每个表中，但之后的每个表行都是通过 Javascript 在客户端动态生成的。如何使用我的服务器端代码遍历表以从表行中获取 id，从而访问输入值以进入我的数据库？

【问题讨论】：

服务器一般看不到客户端这种方式。相反，您在 client 端遍历添加的行，然后将它们发送到服务器，通常是通过 ajax 调用。

标签： javascript c# razor html-table webmatrix

【解决方案1】：

在您的服务器端代码中使用Request.Form.AllKeys 来读取所有使用javascript 动态生成的文本框数据

foreach (string name in Request.Form.AllKeys) {
    string value = Request.Form[name];
}

【讨论】：

谢谢！效果很好。