JSON Part2 (HW)

JSON 

JSON biasanya digunakan untuk membaca data dari sebuah web server, dan menampilkan datanya di sebuah halaman web.  Sederhananya, ini dapat ditunjukkan dengan menggunakan string sebagai input.

Contoh JSON – Menggunakan Object dari String:

Buat string JavaScript yang berisi sintaks JSON:

Sintaks JSON adalah bagian dari sintaks JavaScript.

Fungsi JavaScript JSON.parse(text) dapat digunakan untuk mengkonversi teks JSON ke dalam objek JavaScript:

var obj = JSON.parse(text);

Gunakan objek JavaScript baru di halaman Anda:

Menggunakan eval ():

Browser lama tanpa dukungan untuk fungsi JavaScript JSON.parse () dapat menggunakan eval () untuk mengkonversi teks JSON ke dalam objek JavaScript:

Lebih aman menggunakan parse JSON untuk mengkonversi teks JSON ke objek JavaScript.

Parse JSON hanya akan mengakui teks JSON dan tidak akan mengkompilasi script.

JSON Http Request

JSON Http

Chapter ini akan mengajarkanmu, 4 langkah mudah, cara membaca data JSON, menggunakan XMLHttp.

Contoh JSON:

Ini adalah contoh untuk membaca sebuah menu dari myTutorial.txt, dan menampilkan menu itu kedalam sebuah halaman web:

Penjelasan :

1. buat sebuah array yang berisi objek. Berikan masing-masing objek 2 properti : display dan url. Beri nama array tersebut “myArray”…
   
2. buat sebuah function JavaScript untuk menampilkan array-nya. Buat sebuah function dengan nama “myFunction()”  yang mengloops objek array-nya, dan menampilkan content seperti link HTML :  Panggil myFunction() dengan myArray:
3. buat sebuah text file : Taruh array literal di sebuah file yang diberinama myTutorials.txt
4. Read file text tersebut dengan sebuah XMLHttpRequest. Tulis sebuah XMLHttpRequest untuk membaca file text tersebut, dan gunakan myFunction() untuk menampilkan array-nya:

Catatan:  Copy file myTutorials.txt kedalam file C:\xampp\htdocs kemudian jalankan dengan localhost…

Inilah hasilnya:

jika anda tertarik, mari lihat lanjut ke JSON part 3

src : w3schools.com