asp.net-mvc-4 - 通过来自控制器的数据在表中添加行

Question

当用户在文本框中输入 id 时，我想在表中添加新行。

我认为问题出在视图方面

控制器端

 public JsonResult GetProbyId(Int32 term)
        {
            var results = (from a in db.Products
                           where a.ProID==term
                           select a).FirstOrDefault();
            return Json(results, JsonRequestBehavior.AllowGet);

        }

查看侧

 <SCRIPT language="javascript">
     function addRow(tableID) {
         var table = document.getElementById(tableID);

         var ids = '@Url.Action("GetProbyId", "Bill", new {term=1 })';

         var cell = row.insertCell(0);       
         cell.innerHTML =ids.Name;
         var cell1 = row.insertCell(1);       
         cell1.innerHTML =ids.Discription;

         </script>
     }

但它不起作用 - 请帮助。

Answer 1

假设您正确接收数据，请使用以下 jquery 代码在表格底部添加一行：

function addRow(tableID, data) {
    // first, convert your json string to a json object...

    data = $.parseJSON(data);

    // then iterate through it to add rows with its data...

    $.each(data, function(i, item) {
        var html = "<tr><td>" + item.Field1 + "</td>";
        html += "<td>" + item.Field2 + "</td>";
        // ...
        html += "<td>" + item.Fieldn + "</td></tr>";
        $("#" + tableID + " tr:last").after(html);             
    }); 
}