无法使用Datatables jquery将数据填充到datatable中

无法使用Datatables jquery将数据填充到datatable中,jquery,datatable,datatables,Jquery,Datatable,Datatables,我无法将数据填入数据表。我可以在console.log(数据)中接收数据。但如何将这些数据填充到数据表中。我正在使用dataTables.js并从ajax服务器端获取数据 $(document).ready(function () { $.ajax({ url: 'xxxxxx/xxxxxxx', method: 'POST', datatype: 'json',

我无法将数据填入数据表。我可以在console.log(数据)中接收数据。但如何将这些数据填充到数据表中。我正在使用dataTables.js并从ajax服务器端获取数据

$(document).ready(function () {
            $.ajax({
                url: 'xxxxxx/xxxxxxx',
                method: 'POST',
                datatype: 'json',
                success: function (data) {
                    console.log(data);
                    $('#datatable').dataTable({
                        data: data,
                        serverside:true,
                        columns: [
                            { 'data': 'UserId' },
                            { 'data': 'UserDepartment' },
                            { 'data': 'UserCourse' },
                            { 'data': 'UserName' },
                            { 'data': 'UserBirthDate' },
                            { 'data': 'UserEmail' },
                            { 'data': 'UserContact' }
                        ]
                    });
                }
            });
        });

如果您希望在
数据表中显示数据,并希望使用web服务从服务器端获取数据,那么这将是正确的方法:

$(document).ready(function () { 
  $.ajax({
    url: 'xxxxxx/xxxxxxx',
    method: 'POST',
    datatype: 'json',
    success: function (data) {
      console.log(data);
      $('#datatable').dataTable({
        data: data,
        columns: [
          { 'data': 'UserId' },
          { 'data': 'UserDepartment' },
          { 'data': 'UserCourse' },
          { 'data': 'UserName' },
          { 'data': 'UserBirthDate' },
          { 'data': 'UserEmail' },
          { 'data': 'UserContact' }
        ]
      });
    }
  });
});
说明:您首先从web服务获取数据,然后将数据存储到javascript数据对象中,这样您就不需要了。 您只需通过绑定数据表即可

如果你想使用,那么你可以这样做

$(document).ready(function() {
    $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": {
            "url": 'xxxxxx/xxxxxxx',
            "type": "POST"
        },
        "columns": [
              { 'data': 'UserId' },
              { 'data': 'UserDepartment' },
              { 'data': 'UserCourse' },
              { 'data': 'UserName' },
              { 'data': 'UserBirthDate' },
              { 'data': 'UserEmail' },
              { 'data': 'UserContact' }
        ]
    } );
} );

如果您希望在
数据表中显示数据,并希望使用web服务从服务器端获取数据,那么这将是正确的方法:

$(document).ready(function () { 
  $.ajax({
    url: 'xxxxxx/xxxxxxx',
    method: 'POST',
    datatype: 'json',
    success: function (data) {
      console.log(data);
      $('#datatable').dataTable({
        data: data,
        columns: [
          { 'data': 'UserId' },
          { 'data': 'UserDepartment' },
          { 'data': 'UserCourse' },
          { 'data': 'UserName' },
          { 'data': 'UserBirthDate' },
          { 'data': 'UserEmail' },
          { 'data': 'UserContact' }
        ]
      });
    }
  });
});
说明:您首先从web服务获取数据,然后将数据存储到javascript数据对象中,这样您就不需要了。 您只需通过绑定数据表即可

如果你想使用,那么你可以这样做

$(document).ready(function() {
    $('#example').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": {
            "url": 'xxxxxx/xxxxxxx',
            "type": "POST"
        },
        "columns": [
              { 'data': 'UserId' },
              { 'data': 'UserDepartment' },
              { 'data': 'UserCourse' },
              { 'data': 'UserName' },
              { 'data': 'UserBirthDate' },
              { 'data': 'UserEmail' },
              { 'data': 'UserContact' }
        ]
    } );
} );

请简要解释。。至少要提到您正在使用的返回json数据数组的…net web服务技术。那么什么是
$('#datatable')。datatable(
?这是我要在其中填充数据的表。“#datatable是我的表id。我们如何感觉数据库中的数据?请简要说明..至少说明您使用的是哪种技术….net web服务返回json数据数组。好的,
$(“#datatable”)。datatable是什么(
?这是我要在其中填充数据的表。“#datatable是我的表id。我们如何感觉数据库中的数据?谢谢…但我遇到以下错误…DataTables警告:table id=example-请求第0行的未知参数“0”。有关此错误的详细信息,请与您联系uld检查数据,并检查Web服务返回数据的格式,即json或文本或…[{“UserId”:2,“UserDepartment”:“asp.net”,“UserCourse”:“Chirag”,“UserName”:“Employee”,“UserBirthDate”:“4/1/1990 12:00:00 AM”,“UserEmail”:“xxxxxx”。xxxxx@gmail.com“,“UserContact”:1234567},”}]我将上述数据输入到console.log(数据)结尾有多余的逗号..或者您的UserCintact数据错误,应该是
“UserEmail”:“xxxxxx”。xxxxx@gmail.com,“UserContact”:“1234567”}]
您使用的是哪种方式?如果您从datatables ajax调用数据,则应以以下格式返回json:
{“draw”:1,“recordsTotal”:57,“recordsFiltered”:57,“data”“:[{“名字”:“Airi”,“姓氏”:“Satou”,“职位”:“会计师”,“办公室”:“东京”,“开始日期”:“2008年11月28日”,“工资”:“$162700”}]}”
谢谢…但我收到以下错误…DataTables警告:table id=example-请求第0行的未知参数“0”。有关此错误的详细信息,请参阅您应该检查数据,并检查webservice返回数据的格式,即json或文本或…[{“UserId”:2,“用户部门”:“asp.net”,“用户课程”:“Chirag”,“用户名”:“雇员”,“用户出生日期”:“4/1/1990 12:00:00 AM”,“用户电子邮件”:“xxxxxx”。xxxxx@gmail.com“,”UserContact“:1234567},“}]我将上述数据输入控制台。日志(数据)末尾有多余的逗号..或者您的UserCintact数据错误,应该是
”UserEmail:“xxxxxx”。xxxxx@gmail.com","UserContact:“1234567”}]
您使用的是哪种方式?如果您是从datatables ajax调用数据,那么您应该以以下格式返回json:
{“draw”:1,“recordsTotal”:57,“recordsFiltered”:57,“data”:[{“first_name”:“Airi”,“last_name”:“Satou”,“position”:“Accountant”,“office”:“Tokyo”“,”开始日期“:”2008年11月28日“,”工资“$162700”}]}