Cara menggunakan JSON.READ pada 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 fuction json_decode yang merupakan fucntion buildin di php berikut ini cara parsing data json maka bisa dibuhungkan dan dicetak di html :

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

// melakuakn 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 menghasilan 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}';

// melakuakn 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 digaungkan dengan library javascript JQuery.
  • fuction bawan untuk memproses parse JSON di JavaScript JSON.parse()
  • dan function bawaan di bahasa pemrograman PHP json_decode($param, true)

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


Apa itu JSON JS?

JSON (JavaScript Object Notation) adalah format pertukaran data yang ringan, mudah dibaca dan ditulis oleh manusia, serta mudah diterjemahkan dan dibuat (generate) oleh komputer. Format ini dibuat berdasarkan bagian dari Bahasa Pemprograman JavaScript, Standar ECMA-262 Edisi ke-3 - Desember 1999.

Kapan JSON digunakan?

Seperti yang sudah dijelaskan sebelumnya, JavaScript Object Notation atau yang lebih dikenal dengan JSON adalah merupakan sebuah format yang digunakan untuk menyimpan, membaca, serta menukar informasi dari web server sehingga dapat dibaca oleh para pengguna.

Apa itu JSON dan contohnya?

JSON (dilafalkan "Jason"), singkatan dari JavaScript Object Notation (bahasa Indonesia: notasi objek JavaScript), adalah suatu format ringkas pertukaran data komputer. Formatnya berbasis teks dan terbaca-manusia serta digunakan untuk merepresentasikan struktur data sederhana dan larik asosiatif (disebut objek).

Tipe data apa saja yang ada pada JSON?

Sebuah objek JSON adalah format data key-value yang biasanya di render di dalam kurung kurawal..
strings..
numbers..
objects..
arrays..
Booleans (true atau false).