tutorial pengembangan web terbaru
 

JSON cara


Penggunaan umum JSON adalah untuk membaca data dari web server, dan menampilkan data dalam suatu halaman web.

Untuk mempermudah, ini dapat ditunjukkan dengan menggunakan string sebagai masukan (bukan file).


JSON Contoh - Obyek Dari String

Buat string JavaScript yang berisi sintaks JSON:

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

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);

Menggunakan objek JavaScript baru di halaman Anda:

Contoh

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>
Cobalah sendiri "

Menggunakan eval()

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

Contoh

var obj = eval ("(" + text + ")");
Cobalah sendiri "

The eval() fungsi dapat mengkompilasi dan mengeksekusi JavaScript.
Ini merupakan potensi masalah keamanan. Cobalah untuk menghindari itu.

Hal ini lebih aman untuk menggunakan parser JSON untuk mengkonversi teks JSON ke objek JavaScript.

Sebuah parser JSON akan mengakui hanya teks JSON dan tidak akan mengkompilasi script.

Dalam browser yang memberikan dukungan JSON asli, JSON parser juga lebih cepat.

dukungan JSON asli disertakan di semua browser utama dan di standar terbaru ECMAScript (JavaScript):

Browser web Dukungan
  • Firefox 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4

Untuk browser lama, perpustakaan JavaScript tersedia di https://github.com/douglascrockford/JSON-js .

Format JSON awalnya ditentukan oleh Douglas Crockford .