PHP如何将下面的json部分数据渲染到html中

Question

PHP如何把下面链接请求到的json在HTML中渲染出来呢？
https://pixabay.com/api/?key=20762951-7eebd38ed836f5a1103ccfe38&q=yellow+flowers&image_type=photo

例如把json中的userImageURL值填入图片src中，user值填入到p标签中，然后遍历出来。

<div>
    <ul class="imglb">
        <li><img src="json userImageURL值"   ><p>json user值</p></li>
        <li><img src="json userImageURL值"   ><p>json user值</p></li>
        <li><img src="json userImageURL值"   ><p>json user值</p></li>
        <li><img src="json userImageURL值"   ><p>json user值</p></li>
        <li><img src="json userImageURL值"   ><p>json user值</p></li>
    </ul>
</div>
<style>
.imglb{
    width:100%;
}
.imglb li{
    list-style:none;
    float: left;
    text-align: center;
    margin: 10px;
}
</style>

Answer 1

file_get_contents获取网址内容（需要配置php.ini开启openssl，要不会报错file_get_contents(): Unable to find the wrapper "https" - did you forget to enable it when you configured PHP，去掉extension=openssl注释），json_decode转为对象后遍历就行。如果无法修改php.inc，可以用curl代替

<meta charset="utf-8">
<?php


$s=file_get_contents("https://pixabay.com/api/?key=20762951-7eebd38ed836f5a1103ccfe38&q=yellow+flowers&image_type=photo&pretty=true");
$o=json_decode($s,true);
?>
<div>
    <ul class="imglb">
    <?php
    foreach($o['hits'] as $item){
      echo "<li><img src=\"".$item['userImageURL']."\"><p>".$item['user']."</p></li>";
    }
    ?>
    </ul>
</div>
<style>
.imglb{
    width:100%;
}
.imglb li{
    list-style:none;
    float: left;
    text-align: center;
    margin: 10px;
}
</style>