使用返回的json数据填充jquery数据表

我有一些基于用户输入返回的json对象

$('#button').click(function () { var usersData= $('input[name="UserInputData"]').val(); $.ajax({ type: 'POST', contentType: 'application/json; charset=utf-8', data: JSON.stringify({ UserInputData: usersData}), url: '/Home/Data', success: function (result) { $.each(result, function (i, item) { // how to invoke data table and populate with returned // item object, for ex. item.Title }); }, error: function () { alert("error"); } }); }); 

只是为了澄清我从控制器获取json对象的列表，没关系，我很难知道如何在数据表上显示这些数据。

Answer 1

 success: function (result) { //if table is already on the page var table = $("table-selector"); table.find("tr").remove(); //remove all previous rows if needed //or, if table does not exist var table = $(""); $("table-container-selector").append(table); $.each(result, function (i, item) { var tr = $(""); table.append(tr); var td = $("" + item.field1 + ""); tr.append(td); var td = $("" + item.field2 + ""); tr.append(td); var td = $("" + item.field3 + ""); tr.append(td); }); },