パブリックJSON APIを使用して、それをhtmlとして表示

Question

ここでは、外部JSONファイルを使用した場合、かなり異なるスレッドを使用していますが、スクリプトを実行すると何も表示されないようです。

私は最初のthis JSONのURLを表示しようとしています。

生データ：

{ 
    "total_market_cap_usd": 178408752351.0, 
    "total_24h_volume_usd": 6196679281.0, 
    "bitcoin_percentage_of_market_cap": 57.24, 
    "active_currencies": 883, 
    "active_assets": 344, 
    "active_markets": 6243 
} 

それについて移動する方法がかなり確実ではありません。私はPHPを使ってこれを示唆したチュートリアルを見た：

<? 
$url = 'https://api.coinmarketcap.com/v1/global/'; 
$data = file_get_contents($url); 
$price = json_decode($data); 
echo $price[1]; 

しかし、これも何も返していないようだ。

Answer 1

API命令

$url = 'https://api.coinmarketcap.com/v1/global/'; 
$data = file_get_contents($url); 
$price = json_decode($data,true); 

//var_dump($price); 
echo $price["total_market_cap_usd"]; 

Answer 2

JSONコンテンツを表示可能なHTMLとして表示するには、HTMLタグを使用してフォーマットする必要があります。

<pre>タグを使用して、ブラウザでフォーマットを維持することもできます。

しかし、まずJSONオブジェクトをStringとしてレンダリングする必要があります。 JavaScriptでこれを行うには、単にJSON.stringifyを使用します。例えば

：

var json = { 
 
    "total_market_cap_usd": 178408752351.0, 
 
    "total_24h_volume_usd": 6196679281.0, 
 
    "bitcoin_percentage_of_market_cap": 57.24, 
 
    "active_currencies": 883, 
 
    "active_assets": 344, 
 
    "active_markets": 6243 
 
}; 
 

 
var asString = JSON.stringify(json, null, 2); 
 

 
var asHtml = asString.replace(/\n/gi, '<br />'); 
 

 
console.log(asHtml); 
 

 
document.getElementById('placeholder').innerHTML = asHtml; 
 

 
document.getElementById('placeholder2').innerHTML = asString;

<span id="placeholder"></span> 
 
<hr /> 
 
<pre id="placeholder2"></pre>