样式化iplocate.io的JSON格式

Question

我正在使用iplocate.io网站显示知道其IP地址的用户的位置。这些代码效果很好，但是我需要对显示进行样式设置，以使其看起来比Json格式更好。

是否可以在自己的页面中显示结果以设置JSON格式的显示样式？

$ip = $_SERVER['REMOTE_ADDR'];
$res = file_get_contents("https://www.iplocate.io/api/lookup/$ip");
var_dump($res);

预先感谢

Answer 1

由于我的长期研究，我在这里找到了帮助：[How to create HTML table based on JSON

How to create HTML table based on JSON

我以以下代码为例，使json数据动态化。

<div id="content"></div>

 <?php
 $ip = $_SERVER['REMOTE_ADDR'];
$res = file_get_contents("https://www.iplocate.io/api/lookup/$ip");
 ?>

jQuery

var info=<?=$res?>;
var data = [info ]

$(document).ready(function () {
var html = '<table class="table table-striped">';
html += '<tr>';
var flag = 0;
$.each(data[0], function(index, value){
html += '<th>'+index+'</th>';
});
html += '</tr>';
$.each(data, function(index, value){
html += '<tr>';
$.each(value, function(index2, value2){
html += '<td>'+value2+'</td>';
});
html += '<tr>';
});
html += '</table>';
$('#content').html(html);
});