【问题标题】:How to display specific information from JSON API?如何显示来自 JSON API 的特定信息?
【发布时间】:2017-08-08 08:58:32
【问题描述】:

如何显示存储在 JSON API 数组中的特定变量的值?

例如如何使用 coinmarketcaps JSON API (https://api.coinmarketcap.com/v1/ticker/bitcoin/) 在特定的 wordpress 帖子中以美元显示当前比特币价格?

API 为我提供以下输出:

[
{
    "id": "bitcoin", 
    "name": "Bitcoin", 
    "symbol": "BTC", 
    "rank": "1", 
    "price_usd": "3351.98", 
    "price_btc": "1.0", 
    "24h_volume_usd": "1455740000.0", 
    "market_cap_usd": "55289274334.0", 
    "available_supply": "16494512.0", 
    "total_supply": "16494512.0", 
    "percent_change_1h": "0.55", 
    "percent_change_24h": "3.45", 
    "percent_change_7d": "17.52", 
    "last_updated": "1502145551"
}
]

我只需要显示“price_usd”的值。

我尝试过这样做,但没有成功:

<script>

    var btcPrice;

    function UpdateBtcPrice(){
        $.ajax({
            type: "GET",
            url: "https://api.coinmarketcap.com/v1/ticker/bitcoin/",
            dataType: "json",
            success: function(result){
                btcPrice = result[0].price_usd;
            },
        error: function(err){
            console.log(err);
        }
        });
    }
</script>

任何帮助将不胜感激!

【问题讨论】:

    标签: json ajax wordpress


    【解决方案1】:

    需要调用函数来执行请求:

    var btcPrice; 函数更新比特币价格(){ $.ajax({ 类型:“获取”, url: "https://api.coinmarketcap.com/v1/ticker/bitcoin/", 数据类型:“json”, 成功:函数(结果){ btcPrice = 结果[0].price_usd; }, 错误:函数(错误){ 控制台日志(错误); } }); } 更新比特币价格();

    【讨论】:

    • 我知道。我仍然无法让它工作。我认为我必须将该函数添加到我当前 wordpress 主题的 functions.php 文件中,然后可以在我想要的任何地方请求该函数。可悲的是,一旦我将新功能添加到它的functions.php中,wordpress就会被破坏
    • @Voxcon - 你不能在 functions.php 中使用 javascript 或 jQuery,你必须把这个函数放在模板文件中,它可以从客户端 - 浏览器访问。
    • 啊,我明白了。将函数保存为 js 文件夹中的 UpdateBtcPrice.js,现在我可以通过 php 函数调用来访问它!谢谢!
    【解决方案2】:

    你可以试试这个代码

    <?php
        //get data with api call
        $response = file_get_contents('https://api.coinmarketcap.com/v1/ticker/bitcoin/');
        $response = json_decode($response);
    
        echo $response[0]->price_usd;//print the value
    ?>
    

    【讨论】:

    • Souvik Sikdar 非常感谢您!你的方法更简单,效果很好!
    猜你喜欢
    • 2016-06-06
    • 1970-01-01
    • 2021-04-06
    • 1970-01-01
    • 2023-03-26
    • 1970-01-01
    • 2012-04-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多