从自动完成将具有的数据表绑定到JSON数组
Binding datatable with to JSON array from autocomplete
我使用自动完成字段从服务器获取数据并将其显示在数据表中:
$("#firstname").自动完成({
source: function (request, response) {
$.ajax({
url: "http://myhost.com/webservices/test3.cfm",
data: request,
success: function (data) {
$('#results').dataTable({
"bProcessing": true,
"bJQueryUI": true,
"bLengthChange": true,
"bFilter": true,
"bAutoWidth": false,
"bRetrieve" : true,
"aaData": data ,
"aoColumns": [
{ "sTitle": "Name", "sName": "name" },
{ "sTitle": "Title", "sName": "title" },
{ "sTitle": "Organization", "sName": "organization" },
{ "sTitle": "Email", "sName": "email" },
{ "sTitle": "Status", "sName": "status" }
]
});
}
});
}
ajax调用返回的数据为:
[["Steven,Grek","总裁","金沙集团"steven@yahoo.com","1"],["Steven,Grek","合伙人","Alliance有限公司","steven@yahoo.com","1"],["Steven,Grek","森林产品协会","steven@yahoo.com","1"]]
我得到以下错误:
- DataTables警告(表id="results"):从数据源请求了行0的未知参数"1"
- DataTables警告(表id="results"):从第9行的数据源请求了未知参数"1"
- 显示2147个条目中的1到10个
如果我替换"aaData":数据
数据中包含来自的响应:
"aaData":[["Steven,Grek","总裁","Sands Corp."steven@yahoo.com","1"],["Steven,Grek","合伙人","Alliance有限公司","steven@yahoo.com","1"],["Steven,Grek","森林产品协会","steven@yahoo.com","1"]]
它是有效的。
知道我做错了什么吗?
在同事的帮助下解决了这个问题:来自我的ajax调用的数据类型是一个字符串。
$("#firstname").autocomplete({
source: function (request, response) {
$.ajax({
url: "http://myhost.com/webservices/test3.cfm",
data: request,
success: function (data) {
var obj = jQuery.parseJSON(data); <---- typeof data is a string
$('#results').dataTable({
"bProcessing": true,
"bJQueryUI": true,
"bLengthChange": true,
"bFilter": true,
"bAutoWidth": false,
"bRetrieve" : true,
"aaData": obj, <---- Use the parsed json object instead
"aoColumns": [
{ "sTitle": "Name", "sName": "name" },
{ "sTitle": "Title", "sName": "title" },
{ "sTitle": "Organization", "sName": "organization" },
{ "sTitle": "Email", "sName": "email" },
{ "sTitle": "Status", "sName": "status" }
]
});
}
});
},
});
相关文章:
- 缩略图库的XML数据图像绑定
- 数据互绑定问题:转换器只运行一次,无法绑定元素的 ID
- Knockout:为许多数据对象绑定模板引导模式
- 从自动完成将具有的数据表绑定到JSON数组
- 动态结果数组需要使用 Angular JS 与不同布局的表绑定
- JSON 数据未绑定到从 SAPUI5 应用中的第一个视图导航的视图中
- D3.js面积图 - JSON 数据未绑定到图表
- 表绑定以及何时使用 htmlspecialchars - JSON.parse 错误
- 将 AngularJS 数据模型绑定到基础复选框
- Angularjs:$filter在控制器中返回的数据仍然绑定到原始对象
- 将大型数据集绑定到JQuery控件
- 数据不绑定在聚合物应用程序
- 如何从ajax数据动态绑定jquery静态数据
- Angular数据没有绑定
- 数据表自定义行
- Ajax返回的数据没有绑定jquery数据表插件
- WinJS,用于脚本控制绑定的数据赢得绑定
- Extjs:如何将树与数据网格绑定
- 敲除复杂数据模型绑定
- JqGrid无法将JSON数据与“.”绑定