pemrograman mobile "ajax pada jquery"

11
OLEH : MELANY KURNIAWAN :1310128262083 KARTINI :13101282 62051

Upload: melany889

Post on 13-Apr-2017

181 views

Category:

Education


7 download

TRANSCRIPT

OLEH :MELANY KURNIAWAN :1310128262083KARTINI :1310128262051

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. Ajax merupakan teknik pengembangan web untuk membuat suatu aplikasi web interaktif. Tujuannya adalah untuk membuat website agar lebih responsive, sehingga seluruh halaman web tidak harus reload setiap kali pengguna meminta request .

AJAX merupakan paduan dari beberapa teknologi yang sudah dikenal sebelumnya yaitu HTML, DOM, XML, Javascript dan teknologi pendukung lainnya. Ajax adalah tehnik pemanfaatan Javascript dalam mengontrol class object XMLHttpRequest untuk me-Refresh / mengupdate content dalam halaman web tanpa melakuan Reload keseluruhan halaman web.

Sebuah contoh perintah AJAX bisa berjalan seperti berikut:Client memanggil laman dari serverServer merespon panggilan dan mengirimkan lamanClient membuat perintah AJAX ke server dan memanggil lebih banyak dataServer mengirimkan data tersebutClient 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.

JQUERYjQuery 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.

Untuk mengetahui bagaimana konsep dari Ajax kita perlu mengetahui bagaimana sebuah web browser memproses sebuah request dan menerima sebuah response dari web server. Standar yang digunakan web browser pada saat ini adalah HTTP (HyperText Transfer Protocol). HTTP digunakan oleh web browser untuk mengirim request dari website ke web server dan kemudian menerima response dari web server. HTTP request berkerja seperti email, memberitahukan kapan request dikirim, berisi header yang memberitahu apa yang harus dilakukan server dan bagaimana menghandle request tersebut.

Ajax bisa dibilang adalah sebuah konsep untuk menerangkan interaksi antara client-side XMLHttpRequest Object dengan script server-side. Untuk membuat request ke web server menggunakan Ajax, anda harus membentuk Object XMLHttpRequest terlebih dahulu. Untuk membentuk object XMLHttpRequest berbeda pada setiap browser. Pada microsoft internet explorer object dibentuk sebagai ActiveX control, sedang pada browser seperti Firefox dan safari menggunakan basic javascript object.

Setelah selesai membuat object XMLHttpRequest kita dapat mengirim request ke server. Saat mengirim request ke server kita harus menentukan request method yang digunakan, apakah akan menggunakan GET atau POST. Jika kita ingin menampilkan informasi dari server maka kita akan menggunakan method GET, sedangkan jika kita mengirim informasi ke server maka gunakan method POST.

Terdapat banyak request method yang ada, tetapi yang paling sering digunakan adalah GET dan POST.  bagaimana request dikirim ke web server dan kemudian web server mengirim response dari request tersebut ke web browser, akan mudah bagi kita untuk memahami bagaimana XMLHttpRequest berkerja. Keduanya sangat mirip, tetapi XMLHttpRequest dioperasikan di belakang layar dan tanpa memerlukan refresh halaman.

SEKIAN DAN

TERIMAKASIH