javascript - 制表符和多维数组
问题描述
我正在尝试使用制表器通过多维数组将数据拉入表中。ajax 网址是:
当我尝试将其作为 ajaxURL 处理时,出现错误:
tabulator.min.js:3 数据加载错误 - 由于数据类型无效,无法处理数据预期:数组接收:对象
好的。有道理,因为我已经知道这是一个多维数组。我去的第一个地方是制表符文档。我发现 ajaxResponse 回调似乎是我需要从这样的多维数组中提取一组特定数据的工具(在这种情况下,距离数字位于 trips:0:legs:0/1/2/3 /4/5/6)。我已经做了好几天了,现在我不再确定这甚至可以用制表器的 ajax 加载器来完成。这是我最新的示例代码:
var url = "http://router.project-osrm.org/trip/v1/driving/-70.90916105,42.25582485;-70.8696433396803,42.14069745;-70.932117427602,42.19070835;-70.978133423398,42.2180542;-71.0136192663477,42.27750325;-70.90916105,42.25582485?source=first&destination=last&steps=true";
var respone = "trips.0.legs.distance";
var table = new Tabulator("#ex-table", {
ajaxURL:"_trips.php",
ajaxResponse:function(url,response){
return distance
},
columns:[
{title:"test",field:"distance"},
],
});
正如您可能看到的,我对如何使用 ajaxResponse 回调的理解有限。
更新: 在等待回复时我自己想通了。我所要做的就是在 ajaxResponse 回调中定义数组结构。然后制表员知道从哪里获取数据。例子:
var table = new Tabulator("#ex-table", {
ajaxURL:"_trips.php",
// ajaxParams:{trips.legs:"distance"},
// index:"distance",
columns:[
{title:"leg step distance",field:"distance"},
],
ajaxResponse:function(url,params,response){
return response.trips[0]['legs'];
},
});
后续问题:是否可以从不同的 AJAX 源中提取数据(比如其中三个到单个制表符表中?
解决方案
推荐阅读
- python-3.x - MySQL 连接器:无法处理参数无法删除行
- java - 如何在 android studio 中从 ms sql 检索数据到文本视图
- reactjs - React 日期选择器仅在预期日期时返回所有数据
- rest - 对请求的响应总是返回 GET
- reactjs - 如何添加新的 html 文件来响应应用程序?
- prisma - 如何在 prisma-graphql 中实现 CreateMany 变异解析器
- angular - Angular - 如何将点击事件处理程序添加到动态添加的内容
- php - PHP jQuery AJAX 我不知道在标题中写什么
- flutter - ListView.Builder 中的 cacheExtent 属性究竟是做什么的?
- arrays - 如何使用 reduce() 将多维数组转换为键值对?