Javascript 从api获取数据，并以html格式显示

我有一个如下所示的API文件：

我想从这个api获取信息，并将其显示在html页面中，如下所示

我搜索了论坛，但找不到适合我的东西

---

如果有人能帮忙，那就太棒了！谢谢。

您必须在php中将json代码解析为数组：

$array = json_decode($json_data,true);

然后你可以这样打印出来：

echo $array["bonusValues"];

这是第一级关键点。当您有第二级密钥时，必须使用以下命令：

echo $array["first"]["second"];

如果您有json格式的数组：

echo $array["first"][0]["item_name"];

那么，中间的0代表元素的增量值。

要从url获取数据，可以使用文件获取内容功能：

$json_data = file_get_contents("http://www.your-url.com/");

---

首先，您应该下载html文件。我建议使用CURL。 接下来将数据从json解码到php数组

$array = json_decode($data, true);

使用卷曲

url_setopt_array($ch, array(
     CURLOPT_RETURNTRANSFER => true,
     CURLOPT_CUSTOMREQUEST => "POST",
     CURLOPT_URL => "url",
     CURLOPT_POSTFIELDS => http_build_query(array(
     "POST FIELD" => $value,
     ))
    ));
$data = curl_exec($ch);

---

然后对$array元素使用echo函数

您可以使用jQuery$.ajax和JSON.stringify在浏览器中以良好的方式显示JSON的内容

像这样：

$.ajax({
   type: 'POST',
   url: '/my/api/endpoint',
   data: 'var1=value&var2=value2',
   success: function(response) {
      var data = JSON.parse(response);
      var mydata1 = data.lastTransactions;

      $("#myHtmlBox").html(JSON.stringify(obj, null, 2));
   }
});

此处使用$.ajax的示例：

或者使用PHP：

$json = json_encode(file_get_contents("http://www.myapi.com/"));
$data = $json->lastTransactions;
echo json_encode($data, JSON_PRETTY_PRINT);

还可以使用标记：

什么可以打印出漂亮的格式化JSON