从剃刀生成的表中发布数据

Question

我用razor填充了生成的数据表。每行都有数据库中PlanID的id。

    <tbody>
        @foreach(var plan in ViewBag.plans) {
        <tr id="@plan.PlanID">
            <td contenteditable="true">@plan.Name</td>
            <td contenteditable="true">@plan.Code</td>
            <td contenteditable="true">@plan.Description</td>
            <td contenteditable="true">@plan.DataAmount</td>
            <td contenteditable="true">@plan.Price</td>
            <td contenteditable="true">@plan.SmartPhoneCost</td>
            <td><a><span class="glyphicon glyphicon-pencil"></span></a></td>
        </tr>
        }
    </tbody>

我还点击了按钮，将表格附加到新行以添加计划

    function Add() {
        $("#tableData tbody").append(
            "<tr role='form' action='/api/wirelessplans' method='post'>" +
            "<td><input name='Name' type='text' size='30' maxlength='30'/></td>" +
            "<td><input name='Code' type='text' /></td>" +
            "<td><input name='Description' type='text' size='50' maxlength='50'/></td>" +
            "<td><input name='DataAmount' type='text' /></td>" +
            "<td><input name='Price' type='text' /></td>" +
            "<td><input name='SmartPhoneCost' type='text' /></td>" +
            "<td><a class='save' type='submit'><span class='glyphicon glyphicon-ok'></span></a></td>" +
            "</tr>")

    };

    $(function () {
        $("body").on("click", ".addPlan", function () {
            Add()

        });
    });

我已经对td进行了编辑，并希望点击图标将更改提交到我在控制器中定义的 - api / wirelessplans /。如何仅获取已更改（或添加到新行）并发布/放入数据库的值？