jQuery的数据表数据到JSON

Question

我正在研究一种需要将数据表数据传递到服务器端的方案。 这是我尝试过的-

要在视图中获取数据表数据-

var oTable = $('#DetailTable').dataTable();
var data = oTable.fnGetData();

然后尝试使用ajax cal发布数据-

$.ajax({
    type: "POST",                   
    dataType: 'text',
    data:  data,
    url: "/Admin/SaveAll",                  
    success: function (result) {
    }
});

而在Controller动作方法中-

public ActionResult SaveAll(string data)
{ 
}

我在服务器端获取空值。 如何将所有数据表数据传递到服务器端？

Answer 1

特别是在这种情况下，您将使用旧样式的API（fnGetData）和新样式的API对象。 我建议您改用row（）。data（）。

Answer 2

SaveAll方法中的data参数是字符串，而通过fnGetData()获取表记录的另一端，此函数将以JSON格式返回记录，因此您应制作JSON字符串，然后将其作为Ajax数据传递，

所以试试这个

var postData = JSON.stringify({ 'data': data});

    $.ajax({
        type: "POST", 
        data: postData,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        url: "/Admin/SaveAll",                  
        success: function (result) {
        }
    });

如您所见， 这里讨论了如何通过ajax将数据表数据发送到服务器，并且它们使用JSON.Stringify 。

如果在对数据表数据进行字符串化时遇到循环刷新错误，请在此处查看 ， 这里有一些很好的建议，您可能会找到外部lib来执行此操作。

希望这可以帮助您解决问题。

Answer 3

这是一个希望能解决的解决方案。

    var data = $('table#DetailTable tr').map(function() {
      return $(this).find('td').map(function() {
        return $(this).html();
      }).get();
    }).get();

console.log(data);

您可以参考以下内容： 在jQuery中将HTML表数据转换为JSON对象

这是一个小提琴（请参阅控制台）： https : //jsfiddle.net/5mt5kkzr/