我正在尝试在使用datatables插件的表中显示来自NordVPN API的3条信息。具体来说,我想显示以下三个选项;
我一直在做一些研究,由于我试图从远程域中提取数据,我认为我需要使用JSONP。以下是我的专长;
[
{
"No": "2",
"Id": "55",
"msg": "value is 55"
},
{
"No": "3",
"Id": "38",
"msg": "value is 38 "
}
]
我已经成功地显示了数据,但是我必须首先解析JSON并将<!DOCTYPE html>
<html>
<head>
<title>test</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/r/bs-3.3.5/jq-2.1.4,dt-1.10.8/datatables.min.css" />
</head>
<body>
<br />
<br />
<div class="container">
<table id="example" class="table table-bordered">
<thead>
<tr>
<th>Domain</th>
<th>Country</th>
<th>Load</th>
</tr>
</thead>
</table>
</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/r/bs-3.3.5/jqc-1.11.3,dt-1.10.8/datatables.min.js"></script>
</html>
<script>
$(document).ready(function() {
$('#example').DataTable({
"processing": true,
"serverSide": true,
"ajax": {
"url": "https://nordvpn.com/api/server",
"dataType": "jsonp"
}
});
});
</script>
添加到解析的JSON中,以使其能够正常工作,在这种情况下,它将无法正常工作。我开始感到自己要么做错了完全错误,要么做不到,因此,我希望您能提供一些建议,谢谢。