Cara Menggunakan Metode getJSON() pada AJAX jQuery
Sistem getJSON() yakni diantara sistem di AJAX jQuery yang berfungsi bagi memperoleh data JSON yang menggunakan AJAX request HTTP GET. Sama dengan sistem lainnya Sistem getJSON() pun mempunyai parameter yang berisi url, data dan success. Saya akan mencoba membagi panduan mengenai Cara Menggunakan Sistem getJSON() di AJAX jQuery
Sebelum kita mulai mencoba sistem getJSON di sebuah kasus saya akan menerangkan sedikit mengenai Apa itu JSON?. JSON (JavaScript Object Notation) yakni format pertukaran data yang ringan, gampang dibaca dan ditulis oleh manusia, serta gampang diterjemahkan dan dibangun (generate) oleh komputer. Format ini dibangun merujuk pada bagian dari Bahasa Pemrograman Javascript. JSON adalah format teks yang tak bergantung di bahasa pemprograman apapun karena menggunakan gaya bahasa yang umum digunakan oleh programmer keluarga C termasuk C, C++, C#, Java, JavaScript, Perl, Python dan lain-lain. Oleh karena sifat-sifat tersebut, menjadikan JSON ideal selaku bahasa pertukaran-data.
Di panduan kali ini saya akan mencoba membagi Cara Menggunakan Sistem getJSON() di AJAX jQuery dan di implementasikan di kasus pengambilan data murid.
- Langkah Pertama-tama
Teman-teman bikin file index.htmlnya terlebih dahulu. Di sini saya menggunakan framework bootstrap
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=utf-8>
<meta http-equiv=X-UA-Compatible content=IE=edge>
<meta name=viewport content=width=device-width, initial-scale=1>
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap 101 Tema</title>
<!-- Bootstrap -->
<link href=css/bootstrap.min.css rel=stylesheet>
<link href=css/kustom.css rel=stylesheet>
</head>
<body>
<div class=container>
<div class=row>
<div class=col-md-6 col-md-offset-3>
<p>Klik tombol ambil data di bawah ini bagi mengambil data murid:</p>
<div id = stage class=bg-success>
Data Murid
</div>
<input type = button id = driver value = Ambil Data />
</div>
</div>
</div>
</body>
</html>Langkah Ke-dua
Bikin folder form bagi menyimpan file JSON-nya, lalu bikin file data.json selaku berikut
{
nama: Zara Ali,
jenis_kelamin: Wanita,
umur : 21,
paket_kursus: Web Master Pro
}- Langkah Ke-tiga
Keitikan Script di bawah ini dan jangan lupa ketikan diatas tag penutup dari body bagi mengambil data murid dari data.json yang telah kita bikin tadi.
- Langkah Terakhir
Teman-teman buka file index.html di browser teman-teman
Lalu klik tombol “ambil data” bagi menampilkan data murid
Bagaiman teman-teman lumayan mudahkan menggunakan sistem getJSON di AJAX jQuery.
Sekianlah panduan kali ini mengenai Cara Menggunakan Sistem getJSON() di AJAX jQuery. Semoga artikel ini bermanfaat untuk teman-teman.
Sumber https://kursuswebsite.org
