Kursus Membuat Web

iklan

Menggunakan JSON

Penggunaan umum dari JSON adalah untuk membaca data dari web server, dan menampilkan data tersebut ke sebuah halaman web.

Contoh JSON - Objek Dari String

Membuat JavaScript string dengan sintak JSON :

Contoh JSON - Objek Dari String
var text = '{ "karyawan" : [' +
'{ "namaDepan":"John" , "namaBelakang":"Doe" },' +
'{ "namaDepan":"Anna" , "namaBelakang":"Smith" },' +
'{ "namaDepan":"Peter" , "namaBelakang":"Jones" } ]}';

sintak JSON adalah bagian dari JavaScript sintak.

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

Contoh Fungsi JSON.parse ( teks ) di JavaScript
var obj = JSON.parse(text);

Menggunakan objek JavaScript baru di halaman Anda :

Menggunakan objek JavaScript baru
<!doctype html>
<html lang="id">
  <head>
	<title>Contoh Objek Array JSON</title>
	<meta  charset="UTF-8">
  </head>
  <body>
	<h2>Create Object from JSON String</h2>
	<p id="demo"></p>
		<script>
		  var text = '{"employees":[' +
		  '{"firstName":"John","lastName":"Doe" },' +
		  '{"firstName":"Anna","lastName":"Smith" },' +
		  '{"firstName":"Peter","lastName":"Jones" }]}';
		  obj = JSON.parse(text);
		  document.getElementById("demo").innerHTML =
		  obj.employees[1].firstName + " " + obj.employees[1].lastName;
		</script>
	</body>
</html>

Lihat ...

Menggunakan eval ( )

Browser lama yang tidak mendukung untuk fungsi JavaScript JSON.parse ( ) dapat menggunakan fungsi eval ( ) untuk mengkonversi teks JSON ke dalam objek JavaScript :

Menggunakan objek JavaScript dengan Fungsi eval()
<!doctype html>
<html lang="id">
  <head>
	<title>Contoh Objek Array JSON</title>
	<meta  charset="UTF-8">
  </head>
  <body>
	<h2>Create Object from JSON String</h2>
	<p id="demo"></p>
		<script>
		  var txt = '{"employees":[' +
		  '{"firstName":"John","lastName":"Doe" },' +
		  '{"firstName":"Anna","lastName":"Smith" },' +
		  '{"firstName":"Peter","lastName":"Jones" }]}';
		  var obj = eval ("(" + txt + ")");
		  document.getElementById("demo").innerHTML =
		  obj.employees[1].firstName + " " + obj.employees[1].lastName;
		  </script>
	</body>
</html>

Lihat ...

Menggunakan JSON parse untuk mengkonversi teks JSON ke objek JavaScript lebih aman.

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

Browser yang memberikan dukungan terhadap JSON, JSON parse lebih cepat.

JSON didukung di semua browser utama dan di ECMAScript ( JavaScript ) standar terbaru.

Browser web yang mendukung saat tulisan ini saya tulis

  • Firefox 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4
Sebelumnya ...   Berikutnya ...

muhammad falah

Saya Muhammad Falah, jika Anda ingin langsung belajar dengan Saya, silakan ikuti kursus membuat web yang Saya bimbing atau ikuti Saya di :

Muhammad Falah Youtube Channel Muhammad Falah LinkedIn Muhammad Falah Google Plus Muhammad Falah Twitter Muhammad Falah Facebook

copy right © 2015