Posts

Mengakses data JSON Menggunakan Javascript

pada posting  Sebelumnya saya sudah sharing cara mengakses JSON dengan php  kali ini saya akan sharing cara mengakses JSON menggunakan javascript, untuk projectnya kita menggunakan project yang sama, kita cuma menambahkan file baru yaitu produk.html <!doctype html> <html lang="en"> <head>   <!-- Required meta tags -->   <title>Javascript - JSON</title>   <meta charset="utf-8">   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">   <!-- Bootstrap CSS -->   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body class="container">   <h1>Daftar Produk</h1><hr>   <div class="row

Menampilkan JSON Dengan PHP

Image
Selamat malam teman-teman... Pada postingan kali ini saya akan sharing cara menampilkan data JSON dengan PHP, pertama kita buat folder baru di xampp htdocs dengan nama php-json lalu kita tambahkan folder img untuk gambar-gambar yang saya gunakan bisa di download DISINI   lalu kita tambahkan file json didalam folder php-json dengan nama data.json   Berikut struktur data json yang akan kita gunakan : {     "produk":     [         {             "kodeproduk" : "PRD001",             "namaproduk" : "Kopi Susu Moca",             "harga"         : 1500,             "gambar"     : "kopiabcmoca.jpg"         },         {             "kodeproduk" : "PRD002",             "namaproduk" : "Indomie",             "harga"         : 2500,             "gambar"     : "indomie.jpg"         },         {             "kodeproduk" : "PRD0