Mengenal Lebih Dekat Javascript, jQuery dan AJAX!

JavaScript
JavaScript adalah sebuah bahasa pemrograman yang dirancang untuk penggunaan pada browser (peramban) web. JavaScript bukan scripting language, juga sama sekali tidak berhubungan dengan platform software Java milik Oracle, jadi memang namanya agak menyesatkan.

Kita bisa menulis kode dalam JavaScript sebagai bahasa full fitur yang – dengan satu pengecualian – mampu berjalan dalam sebuah browser web seperti Chrome, Firefox, atau Internet Explorer. Secara umum ia dipergunakan untuk memanipulasi “Document Object Model” (DOM), yang meliputi elemen-elemen pada sebuah laman web.

JavaScript dieksekusi pada client side (komputer pengguna): Sebuah server website mengirim javascript ke peramban milik pengguna, dan browser tersebut menginterpretasikan dan menjalankan kodenya. Semua ini terjadi dalam sebuah sandbox, yang menjaga agar javascript tidak menyentuh internal sistem, sehingga mencegah malicious code (kode jahat) menginfeksi komputer pengguna.

Contoh program JavaScript paling simpel adalah alert(“hello world!”);, yang kemungkinan diletakkan pada sebuah laman HTML di dalam tag. Kode ini menampilkan sebuah munculan (pop up) kotak alert pada peramban web. Untuk melihat contohnya adalah sebagai berikut.

Jadi, kesimpulannya: JavaScript adalah sebuah bahasa pemrograman yang beroperasi pada peramban web, di dalam sebuah security sandbox, yang memampukan manipulasi elemen-elemen pada sebuah laman web.


 

AJAX
AJAX, singkatan dari “Asynchronous JavaScript and XML“, merupakan metode suatu laman web menggunakan JavaScript untuk mengirim dan menerima data dari server tanpa harus menyegarkan (refresh) laman itu. XML adalah sejenis markup language – seperti HTML, yang kerap dipakai untuk mengirimkan data melalui internet. Belakangan ini, JSON (“JavaScript Object Notation”) lebih populer dan bisa dibaca – secara bawaan (native) – oleh JavaScript.

Berikut uraian yang lebih ringkas:
AJAX: Asynchronous JavaScript and XML. Sebuah sistem untuk mengirim dan menerima data dari server tanpa penyegaran laman (page refresh). (contoh di bawah)
XML: eXtensible Markup Language. Sebuah bahasa untuk mengorganisir data arbitrer. Menggunakan banyak sekali kurung sudut (angle brackets): “<>”. (contoh)
HTML: HyperText Markup Language. Sebuah subset XML yang khususnya berfungsi untuk menjelaskan dan mengorganisir laman web. (contoh)
JSON: JavaScript Object Notation. Metode yang lebih modern untuk memindahkan paket data yang sering dipakai bersama dengan AJAX. Bisa dibaca secara bawaan oleh JavaScript. (contoh)

Sebuah contoh perintah AJAX bisa berjalan seperti berikut:

Client memanggil laman dari server
Server merespon panggilan dan mengirimkan laman
Client membuat perintah AJAX ke server dan memanggil lebih banyak data
Server mengirimkan data tersebut
Client memutakhirkan laman dengan data tersebut tanpa me-refresh laman.
Facebook, Gmail, dan Pinterest adalah contoh situs-situs yang banyak menggunakan AJAX.

Bagian “Asynchronous” merujuk pada fakta bahwa ketika JavaScript menyampaikan panggilan AJAX ke webserver, ia terus berjalan sampai memperoleh respon – ia tidak memblokir dan berhenti saat data sedang diproses oleh server.


 

jQuery
jQuery adalah sebuah library yang dibangun dengan menggunakan JavaScript untuk mengautomasi dan menyederhanakan perintah-perintah umum. Meskipun ada banyak library lain semacamnya, namun jQuery jauh lebih populer karena kemampuannya untuk menjalankan perintah pada peramban lama. jQuery berjalan pada browser bersamaan dengan JavaScript biasa. Ia terutama dipergunakan untuk animasi dan AJAX, yang cukup sulit untuk diprogramkan dengan vanilla JavaScript, namun bisa diketik dalam beberapa baris singkat dengan jQuery.

jQuery dimasukkan dalam sebuah laman web dengan tag. jQuery juga memiliki banyak sekali plugin yang memperluas fungsionalitasnya melalui berbagai metode.

Semoga informasi ini berguna bagi kita semua. Tinggalkan komentar untuk sekedar bersapa maupun sedikit memberi masukkan bagi kami. Terima kasih.

Leave a Reply

Your email address will not be published. Required fields are marked *