无法使用Datatables jquery将数据填充到datatable中
我无法将数据填入数据表。我可以在console.log(数据)中接收数据。但如何将这些数据填充到数据表中。我正在使用dataTables.js并从ajax服务器端获取数据无法使用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',
$(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”}]}