jquery - 将数据表发布到 JsonResult 的初学者问题

Question

使用此脚本，我从 JsonResult (GetDevicesTable) 获取数据并将它们放入表中 ( id="OrderDevices")

 <script type="text/javascript">

$(document).ready(function() {

    $("#getDevices a").click(function() {
        var Id = $(this).attr("rel");
        var rowToMove = $(this).closest("tr");
        $.post("/ImportXML/GetDevicesTable", { Id: Id }, function(data) {
        if (data.success) {
            //remove row
            rowToMove.fadeOut(function() { $(this).remove() });
            //add row to other table
            $("#OrderDevices").append("<tr><td>"+ data.DeviceId+ "</td><td>" + data.Id+  "</td><td>" + data.OrderId +  "</td></tr>");                    
            } else {
                alert(data.ErrorMsg);
            }
        }, "json");
    });

});

   <% using (Html.BeginForm()) {%>
   <table id="OrderDevices" class="data-table">
   <tr>

        <th>
            DeviceId
        </th>
        <th>
            Id
        </th>
        <th>
            OrderId
        </th>
    </tr>
   </table>
         <p>
            <input type="submit" value="Submit" />
        </p>
 <% } %>

当点击“提交”时，我需要这样的东西:

    $(document).ready(function() {

    $("#submit").click(function() {
        var Id = $(this).attr("rel");
        var DeviceId = $(this).attr(???);
        var OrderId = $(this).attr(???);
        var rowToMove = $(this).closest("tr");
        $.post("/ImportXML/DevicesActions", { Id: Id, DeviceId:DeviceId, OrderId:OrderId }, function(data) {

        }, "json");
    });
});

我对该脚本有问题，因为不知道如何将数据发布到此 JsonResult:

    public JsonResult DevicesActions(int Id,int DeviceId,int OrderId)
    {
     orderdevice ord = new orderdevice();
            ord.Id = Id;
            ord.OrderId = DeviceId;
            ord.DeviceId = OrderId;

            DBEntities.AddToorderdevice(ord);
            DBEntities.SaveChanges();
    }

Answer 1

为了从表中获取所有 ids、deviceIds 和 orderIds，您需要修改操作签名，以便它可以接受数组:

public ActionResult DevicesActions(int[] ids, int[] deviceIds, int[] orderIds)
{
    ...
}

现在您已完成此操作，您可以发送 AJAX 查询:

var deviceIds = $('#OrderDevices tr td:first-child').map(getValue);
var ids = $('#OrderDevices tr td:nth-child(2)').map(getValue);
var orderIds = $('#OrderDevices tr td:nth-child(3)').map(getValue);
$.post(
    '/ImportXML/DevicesActions', 
    {
        deviceIds: deviceIds,
        ids: ids,
        orderIds: orderIds
    }, 
    function(json) {
        // success
    }
);

以及用于映射的getValue函数:

function getValue() {
    return parseInt($(this).text());
}