如何从jQuery函数发送html表行到控制器动作

Question

我是MVC的新手，请帮助

请参阅小提琴https://jsfiddle.net/shaswatatripathy/9d0oknyt/2/

在这里，我有一个表，我必须编写一个jQuery函数，该函数将获取状态已修改的所有行，并将数据发送到控制器操作，并访问此数据以在控制器操作中创建数据表

该表是动态的-那里可以有很多行，因此需要一个jquery函数，该函数将在单击按钮时调用，并获取状态已修改的行详细信息

html

    <table id="mytable">
<thead>
  <tr>
    <th>Name</th>
    <th>Address</th>
    <th>Gender</th>
    <th>status</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>jhon</td>
    <td>us</td>
    <td>male</td>
    <td>static</td>
  </tr>
   <tr>
    <td>joana</td>
    <td>washington</td>
    <td>female</td>
    <td>static</td>
  </tr>
   <tr>
    <td>steve</td>
    <td>belgium</td>
    <td>male</td>
    <td>modified</td>
  </tr>
   <tr>
    <td>jimmy</td>
    <td>angola</td>
    <td>male</td>
    <td>modified</td>
  </tr>
    <tr>
    <td>lisa</td>
    <td>india</td>
    <td>female</td>
    <td>modified</td>
  </tr>
</tbody>
</table>

<br />
<input type="button" onclick="sendDetailsToControllerAction()" value="get details"/>

的CSS

table {
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid black;
}

1. 我可以使用jquery ajax方法将数据发送到控制器动作

服务器端

public actionResult GetDetails()
{


    return view();
}

如何获取状态已修改的每一行的详细信息并将其发送给控制器。

我将在操作中创建的数据表中的表标题名称和列名称将有所不同。

我不需要太多帮助从数据中创建数据表，但不知道如何发送和获取数据

Answer 1

使用下面的函数，您将能够获取“修改过的”行并将这些行保存在数组中，然后可以使用$ .ajax在控制器中调用Action

<script type="text/javascript">

        function sendDetailsToControllerAction() {
            var tableData = document.getElementById('mytable');
            var numberOfRows = tableData.rows.length;
            for (var i = 1; i < numberOfRows; i += 1) {
                var row = tableData.rows[i];
                if (row.cells[3].innerText == 'modified') {
                   //Rows which have modified status
                    console.log(row)
                }
            }
        }

    </script>