Mengelola data JSON di PHP dan Javascript

JSON di yang jika dilafalkan menjadi JSON, adalah singkatan dari JavaScript Object Notation dalam bahasa Indonesia yaitu notasi objek JavaScript merupakan suatu format yang ringkas berbasis teks, dan tidak bergantung pada bahasa tujuannya untuk melakukan pertukaran data antara komputer dengan komputer lain.

JSON bisa dianggap sebagai alternatif ringan untuk XML, JSON adalah format data yang digunakan untuk bertukar data antar bahasa pemrograman mendefinisikan satu set kecil aturan penataan untuk representasi portabel dari data terstruktur. Namun, sebagai format pertukaran data, JSON dapat menjadi dokumennya sendiri dan ada dalam sistem file ekstensi file untuk JSON : .json. Awal dari JSON hanya digunakan di bahasa pemrograman Javascript menyediakan notasi sederhana untuk mengekspresikan objek, kumpulan pasangan nama/nilai, dan untuk array, daftar nilai yang diurutkan. akan tetapi JSON juga digunakan oleh bahasa pemrograman yang lain dengan seiringnya berkembangnya zaman.

Struktur Objek JSON:

JSON bisa juga berupa :
dialaman sebuah Nama harus berupa string yang bertanda kutip ganda yang diapit oleh simbol kutip dua, dan nilainya bisa berupa string lain, array, angka, boolean, atau null. Nilai itu sendiri dapat berupa objek JSON lainnya.

data Koleksi dalam dipesan :
JSON dapat digunakan untuk menyimpan sebuah koleksi objek/nilai yang disimpan. jenis Koleksinya mirip dengan sebuah array bertipe primitif dan array bertipe objek dalam bahasa pemrograman.

berikut ini Syntax dasar JSON :

{
  keyA : valueA,
  keyB : {
    keyC : valueB,
    keyD : valueC
  }
}

JSON mendukung berbagai format data, yaitu :

• Number : bentuk tipe data bilangan bulat atau desimal.
• String : tipi ini menampung data teks yang diapit simbol berupa petik.
• Boolean : menampung data benar true atau salah false.
• Array : Data ini yang diapit [ ] dan dibatasi oleh koma. Larik atau array bisa berisi gabungan dari beberapa tipe data sekaligus dengan data yang lain.
• Object : Data tidak terurut yang diapit { } dan dibatasi oleh koma. Setiap isi elemen object berisi kan sebuah key dan value dibatasi :.
• null : bentuk ini menampung nilai kosong, diisi dengan keyword null.

Contoh format JSON di semua tipe data :

{
    "firstName": "John",
    "lastName": "Snow",
    "age": 25,
    "children": [],
    "spouse": null,
    "address": {
        "street": "7504 Taylor Drive",
        "city": "New York City",
        "state": "New York",
        "postalCode": "11238"
    },
    "phoneNumbers": [
        {
            "type": "mobile",
            "number": "212 555-3346"
        },
        {
            "type": "fax",
            "number": "646 555-4567"
        }
    ]
}

JSON akan sangat sering di jumpai dalam mengembangan sebuah web yang memiliki sisi Front-end dan Backend untuk melakukan pertukaran data yang memiliki Standard ECMA-262 3rd Edition - December 1999. maka itu, JSON bukan bahasa pemrograman tetapi, pada kenyataannya hanya sebuah format pertukaran data. sangat penting untuk dipahami tentang apa itu JSON.

menampilkan data json dengan JavaScript dan PHP :

Implementasi parse data JSON di PHP

Cara mengambil data json di php data dengan function json_decode yang merupakan function built in di php berikut ini cara parsing data json maka bisa dihubungkan dan dicetak di html :

// menerima data dari API
$response = '{"id":444,"nama":"sigit","status":single}';

// melakukan parsing
$user = json_decode($response, true)

echo $user["id"];
// Output: 444

echo $user["nama"];
// Output: sigit

penjelasan :

• json_decode($response, true) : melakukan decode json di function php yang menghasilkan array

Implementasi parse data JSON di Javascript

berikut ini cara menampilkan data JSON dengan javascript dengan proses parsing json javascript untuk menampilkan data json bisa dibarengi dengan response ajax.

// menerima data dari API
const response = '{"id":444,"nama":"sigit","status":single}';

// melakukan parsing
const user = JSON.parse(response);

console.log(user.id);
// Output: 444

console.log(user.nama);
// Output: sigit

Penjelasan :

• JSON.parse(response); : function yang melakukan parse data JSON di Javascript
• console.log(user.id); : menampilkan data json berdasarkan id
• console.log(user.name); : menampilkan data json berdasarkan nama

Kesimpulan :

• JSON bisa untuk menampilkan data dari PHP ke HTML.
• JSON bisa digabungkan dengan library javascript JQuery.
• function bawaan untuk memproses parse JSON di JavaScript JSON.parse()
• dan function bawaan di bahasa pemrograman PHP json_decode($param, true)

sekian penjelasan dan Implementasi JSON untuk kebutuhan di bahasa pemrograman untuk tujuan pertukaran data