将表1中的一行推入表2,并将表1中的同一行拼接起来,反之亦然

时间:2018-10-30 04:35:07

标签: javascript jquery asp.net ajax model-view-controller

我已经在Home Controller中创建了一个方法GetOpPriv(),该方法从存储过程中检索JSON。 我在索引视图上有两个表id ='table1'&'table2' 我已经使用JQuery Ajax在“ table1”上显示了JSON值。 现在,我想从table1中选择行,然后单击按钮将这些JSON值发送到table2。 单击第一个按钮时,该值应发送到table2,并且应该从table1拼接相同的值,反之亦然。 如何同时进行“推入”和“拼接”?

  

家庭控制器

 public JsonResult GetOpPriv()
    {
        using (MvcAssignmentEntities db = new MvcAssignmentEntities())
        {            
            var op =( from data in db.OPERATION_PRIVILEGE()
                          select new 
                          {
                              OperationName = data.OperationName,
                              PrivilegeName = data.PrivilegeName
                          }).ToList();

            return Json(op, JsonRequestBehavior.AllowGet);
        }
    }
  

jQuery Ajax

<script type="text/javascript">
    $(document).ready(function () {
        debugger;
        $.ajax({
            url: "/Home/GetOpPriv",
            type: "GET",
            contentType: "application/json; charset=utf-8",
            data: "{}",
            dataType: "json",
            success: function (data) {
                var row = "";
                $.each(data, function (index, item) {
                    row += "<tr><td>" + item.PrivilegeName + "</td>" + "<td>" + item.OperationName + "<td>";
                });
                $("#table1").html(row);
            },
            error: function (result) {
                alert("Error");
            }
        })
    });

</script>
<caption class="display-4">Available Privilege:</caption>
<table class="table-bordered" style="float: left" id="table1">
    <thead>
        <tr>
            <th>Operation </th>
            <th>Privilege Name</th>
        </tr>
    <tbody></tbody>
</table>

0 个答案:

没有答案