Cara Menampilkan Data Json (Parsing) dengan PHP

Ade Putra Blog – cara menampilkan data json (Parsing) dengan php. Baiklah kali ini Ade Putra Blog akan share tutorial menampilkan data json dengan bahasa pemrograman php. Kali ini kita akan coba menampilkan data api alquran yang telah saya siapkan. Untuk link api nya bisa didapatkan disini.

Tidak perlu basa basi lagi, silahkan ikuti tutorial dibawah ini untuk menampilkan data JSON nya.

Pertama, buat dulu file php nya kemudian simpan di localhost. Di dalam file yang kita buat tadi, tulis kode dasar struktur htmlnya seperti dibawah ini.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>tes</title>
</head>
<body>


</body>
</html>

Setelah itu, tuliskan kode php nya seperti dibawah.

    <?php
    $_api = file_get_contents("https://al-quran-8d642.firebaseio.com/data.json");
    $json = json_decode($_api, true);

    $no=1;
    for($i=0;$i <count($json); $i++){
        echo $no++ .' '.$json[$i]['nama']. '<br />';
        echo "<audio controls><source src=".$json[$i]['audio']."></audio>". '<br/>';
    }
    ?>

Sehingga nanti akan seperti dibawah ini.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>tes</title>
</head>
<body>

    <?php

    $_api = file_get_contents("https://al-quran-8d642.firebaseio.com/data.json");
    $json = json_decode($_api, true);

    $no=1;
    for($i=0;$i <count($json); $i++){
        echo $no++ .' '.$json[$i]['nama']. '<br />';
        echo "<audio controls><source src=".$json[$i]['audio']."></audio>". '<br/>';
    }
    ?>
</body>
</html>

Untuk penjelasan kode diatas, pertama kita panggil dulu url apinya dengan fungsi file_get_contents, kemudian kita parsing datanya dengan json_decode. Langkah selanjutnya tinggal buat perulangan untuk menampilkan datanya.

Leave a Comment Cancel reply