在URL的数据表中显示JSON

时间:2018-06-24 21:02:52

标签: javascript json ajax datatables jsonp

我正在尝试在使用datatables插件的表中显示来自NordVPN API的3条信息。具体来说,我想显示以下三个选项;

  • “域”:“ cl1.nordvpn.com”
  • 国家/地区 “国家/地区”:“智利”
  • 加载 “加载”:57

我一直在做一些研究,由于我试图从远程域中提取数据,我认为我需要使用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中,以使其能够正常工作,在这种情况下,它将无法正常工作。我开始感到自己要么做错了完全错误,要么做不到,因此,我希望您能提供一些建议,谢谢。

0 个答案:

没有答案