我正在研究 OpenLayers 和 Geoserver。当用户单击一个功能时，我有一个已经创建的制表符表来获取功能信息数据。我的问题是我需要将 html 响应从 Geoserver 转换为 JSON。我怎样才能做到这一点？
这是 Geoserver 的响应
<table class="featureInfo">
<caption class="featureInfo">l1Data</caption>
<tbody><tr>
<th>id</th>
<th>sensor</th>
<th>timestamp</th>
<th>reliability</th>
</tr>
<tr>
<td>16021</td>
<td>Basic</td>
<td>Sep 18, 2020 12:05:02 PM</td>
<td>0.929717403858748</td>
</tr>
</tbody>
</table>
制表符已设置为：
table = new Tabulator("#eventtable", {
//height:"311px",
layout:"fitColumns",
columns:[
{title:"ID", field:"id", visible:false},
{title:"Sensor", field:"sensor", sorter:"string"},
{title:"Last Detection", field:"timestamp", sorter:"date"},
{title:"Reliability", field:"reliability", sorter:"number"},
],
});
编辑我发现我可以有一个 application/json 响应，但我不能放入 Tabulator。地图上的代码点击：
map.on('singleclick', function (evt) {
var viewResolution = /** @type {number} */ (view.getResolution());
var url = wmsSource.getFeatureInfoUrl(
evt.coordinate, viewResolution, 'EPSG:3857',
{ 'INFO_FORMAT': 'application/json' });
if (url) {
fetch(url)
.then(function (response) { return response.text(); })
.then(function (html) {
var test1 = JSON.parse(html);
var test2 = test1.features[0].properties;
table.setData(test2);
});
}
});
错误是：
tabulator.min.js:2 Data Loading Error - Unable to process data due to invalid data type
Expecting: array
Received: object
