Showing posts with label Ajax. Show all posts
Showing posts with label Ajax. Show all posts

4/03/2020

Mengenal Format JSON (JavaScript Object Notation) dan Fungsinya

JSON merupakan sebuah kependekan dari JavaScript Object Notation. Ini merupakan sebuah format yang biasanya digunakan untuk membagikan data. Format dari bentuk JavaScript ini tersedia dalam beragam bahasa. Jadi, semua orang dari berbagai negara bisa mempelajari format ini dengan baik.

Sejak format ini berdiri, ia sudah menggunakan ekstensi. Ketika didefinisikan dalam format lainnya, maka format ini akan tampil dengan tanda petik atau tanda string. Anda bisa memasukkan format ini dalam variabel yang cukup mudah. Anda juga bisa melakukan transfer format ini melalui server web dengan klien atau dengan menggunakan browser lainnya.

Sejarah JSON Singkat
Sebelum mempelajari lebih lanjut tentang format ini, ada baiknya bagi Anda untuk mengenal sejarahnya secara singkat. Dari berdiri hingga sekarang ini, format ini memang telah digunakan dimana-mana. Format ini tepatnya meledak pada tahun 2001 dan domainnya segera mengudara.

Format ini biasanya digunakan sebagai sebuah format yang standar untuk melakukan tukar data antar aplikasi. Namun sebenarnya, fungsi dari format ini tidak hanya untuk bertukar aplikasi saja. Format ini sebenarnya memiliki pendahulu bernama XML atau eXtensible Markup Language.

Namun jika dibandingkan dengan XML, Format ini bisa digunakan dengan lebih mudah. Pasalnya, format satu ini lebih mudah untuk dibaca dan cukup sederhana. Itulah mengapa banyak orang yang lebih memilih untuk menggunakan format ini dibandingkan menggunakan XML.

JSON sebenarnya dipopulerkan untuk pertama kalinya oleh seorang software enginer yang bernama Douglas Crockford. Ia merupakan seorang enginer yang juga telah terlibat dalam pengembangan Javascript yang masih populer hingga sekarang. Meskipun demikian, format ini sebenarnya tidak ditemukan oleh satu orang saja. Format ini mulai mengudara setelah AJAX dipopulerkan pada tahun 2000.

Fungsi Format JavaScript Object Notation
Seperti yang telah dikatakan sebelumnya, format ini sebenarnya tidak hanya berfungsi untuk saling bertukar data saja. Namun, masih banyak lagi fungsi yang bisa didapatkan dengan menggunakan format ini, beberapa diantaranya yaitu:

  1. Tempat menyimpan data
    Format ini bisa digunakan untuk melakukan penyimpanan data. Contohnya saja Database Mongodb. Anda bisa mencoba melakukan penyimpanan Database Mongodb menggunakan format ini mulai dari sekarang.
  2. Menyimpan konfigurasi project
    Bagi Anda yang menggunakan Nodejs, gunakan format ini untuk melakukan penyimpanan konfigurasi project. Contoh lainnya, Anda bisa menyimpan file dari composer.json kepada PHP serta package.json pada Nodejs.
  3. Bertukar data
    Ini merupakan salah satu fungsi yang paling utama atau penting dari JSON. Anda bisa melakukan tukar data client serta server atau bahkan antar aplikasi. Contohnya saja, REST full Apl.
  4. Menyimpan data Menifest
    Bagi Anda yang memiliki data Menifest, gunakan format ini untuk menyimpannya dengan aman. Ini juga bisa digunakan untuk menyimpan data pada Hugo.

Sebenarnya, fungsi dari format ini memang sangat banyak. Strukturnya yang sederhana membuat banyak orang lebih senang untuk menggunakan format ini. Format ini selalu diawali dengan tanda kurung kurawal. Dalam kurung kurawal tersebut, terdapat data atau format key dan value.

Jika ada lebih dari satu data, maka format key akan dipisahkan dengan tanda koma. Namun spesial untuk data terakhir, tanda koma tidak akan diberikan. Bentuk key dan value pada format ini selalu dipisahkan dengan tanda titik dua. Bahkan, Anda bisa menggunakannya dengan array atau objek.

Tidak ada salahnya untuk mencoba menggunakan format ini untuk membantu pekerjaan menjadi lebih mudah. Gunakan berbagai macam fungsi dan kemudahan dari format JSON sekarang juga!

3/28/2020

Sejarah Singkat AJAX dan Cara Mudah dalam Penggunaannya!

Apakah Anda sudah populer dengan AJAX? Ini memiliki fungsi yang mirip dengan JavaScript. Jika Anda merupakan pemilik website, pahamilah bahwa website bukan hanya sekedar tentang konten yang bagus dan bagaimana caranya menjadi webmaster saja. Karena ada hal lain yang perlu dipahami.

Anda perlu memahami bagaimana cara menggunakan JavaScript. Asynchronous JavaScript and XML merupakan sekumpulan dari web development yang bisa membuat aplikasi web bekerja secara tidak langsung, ketika permintaan diberikan pada sisi background. Untuk lebih memahaminya, perhatikan penjelasan berikut ini.

Pengertian AJAX dan Penggunaannya dalam Kehidupan
Karena ini merupakan format JavaScript, maka format ini tentu saja memiliki fungsi untuk mengambil data dari sebuah server dengan cara background. Format ini juga bisa melakukan update tampilan web tanpa Anda harus melakukan reload browser. Anda juga bisa melakukan kirim server secara background menggunakan format keren ini.

Jika Anda ingin menggunakan objek ini, Anda bisa membukanya melalui inspect elemen yang terdapat dalam sebuah web browser. Di jendela tersebut, Anda bisa membuka tab Network. Selanjutnya, aktifkanlah filter XHR untuk bisa melihat tampilan dari format JavaScript ini.
Dalam kehidupan sehari-hari, AJAX digunakan dalam berbagai persoalan berikut ini.
  1. Untuk melakukan sistem voting dan sistem rating
    Bagi masyarakat yang sering atau gemar melakukan belanja online, pasti Anda akan sering menemukan permintaan untuk memberikan rating bintang pada sebuah toko online atau website bukan? Atau, website bahkan juga menyuruh Anda untuk mengisi formulir voting secara online. Nah, sistem ini biasanya bekerja menggunakan format JavaScript ini.
  2. Ruang Chat
    Beberapa website terkadang mengaktifkan sebuah ruang chat atau chat room untuk bisa melakukan komunikasi kepada para pelanggannya. Di ruang chat ini, terdapat tim customer support yang akan siap membantu para pengunjung website. Fitur ini memudahkan Anda untuk menerima  dan mengirimkan pesan chat baru.
  3. Pemberitahuan tentang trending di twitter
    Apakah Anda pengguna media sosial twitter? Jika Anda merupakan pengguna media sosial twitter, Anda bisa mengaktifkan notifikasi trending di twitter agar tidak ketinggalan berita. Setiap kali ada tweet baru yang dirasa menjadi trending topic, maka twitter pasti akan memperbaharui halaman utamanya. Disini, format ini akan memudahkan untuk melakukan hal tersebut.
Begitu banyak fungsi dari format ini dalam kehidupan sehari-hari. Lalu, bagaimanakah cara kerja dari format ini? Berikut cara penggunaannya.

Cara Menggunakan Format AJAX
Tidak cukup sulit untuk mempelajari bagaimana cara menggunakan format ini. Berikut langkah-langkah yang perlu dilakukan untuk menggunakan format ini dengan mudah.
  1. Buatlah Objek terlebih dahulu
    Langkah pertama yang bisa dilakukan adalah dengan membuat objek terlebih dahulu. Objek bisa berisi apapun sesuai dengan kebutuhan Anda.
  2. Tentukan fungsi dari Handler untuk melakukan Event
    Setelah objek dibuat, kini Anda harus menentukan fungsi handlernya.
  3. Tentukan URL dan Method
    Langkah ketiga yang harus dilakukan adalah dengan menentukan URL serta Metode. Buatlah dengan sebaik mungkin.
  4. Kirim Request
    Langkah terakhir, Anda bisa mengirimkan permintaan atau request. Setelah itu, proses pun selesai dilakukan
Sebenarnya, sekumpulan dari teknik yang digunakan untuk mengembangkan web ini terdiri dari berbagai macam sistem. Beberapa sistem dalam format ini antara lain adalah HTML/ XHTML, DOM (The Document Object Model) serta XML.

Penggunaan format ini dalam kehidupan sehari-hari ternyata cukup menyita perhatian banyak orang. Anda bisa mencobanya juga untuk membantu pekerjaan menjadi lebih mudah. Gunakan AJAX agar bisa membuat pekerjaan menjadi lebih mudah dan efisien.