SlideShare uma empresa Scribd logo
1 de 11
Baixar para ler offline
OLEH :
MELANY KURNIAWAN :1310128262083
KARTINI :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
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 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.
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
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

Mais conteúdo relacionado

Mais procurados

Tutorial Pemasangan Dokeos pada Local Host XAMPP
Tutorial Pemasangan Dokeos pada Local Host XAMPPTutorial Pemasangan Dokeos pada Local Host XAMPP
Tutorial Pemasangan Dokeos pada Local Host XAMPPfatahlity
 
Introduction to ajax
Introduction to ajaxIntroduction to ajax
Introduction to ajaxHari Setiaji
 
Koneksi vb dengan database mysql
Koneksi vb dengan database mysqlKoneksi vb dengan database mysql
Koneksi vb dengan database mysqlFauzia Zain
 
Database operation di C++
Database operation di C++Database operation di C++
Database operation di C++FgroupIndonesia
 

Mais procurados (8)

Tugas 3
Tugas 3Tugas 3
Tugas 3
 
Tutorial Pemasangan Dokeos pada Local Host XAMPP
Tutorial Pemasangan Dokeos pada Local Host XAMPPTutorial Pemasangan Dokeos pada Local Host XAMPP
Tutorial Pemasangan Dokeos pada Local Host XAMPP
 
Introduction to ajax
Introduction to ajaxIntroduction to ajax
Introduction to ajax
 
AJAX: Presentasi Seminar
AJAX: Presentasi SeminarAJAX: Presentasi Seminar
AJAX: Presentasi Seminar
 
Koneksi vb dengan database mysql
Koneksi vb dengan database mysqlKoneksi vb dengan database mysql
Koneksi vb dengan database mysql
 
Database operation di C++
Database operation di C++Database operation di C++
Database operation di C++
 
Javascript
JavascriptJavascript
Javascript
 
Tugas 3 rekweb
Tugas 3 rekwebTugas 3 rekweb
Tugas 3 rekweb
 

Destaque

Jquery Ajax Part 1 by Yussan
Jquery Ajax Part 1 by YussanJquery Ajax Part 1 by Yussan
Jquery Ajax Part 1 by YussanYusuf A.H.
 
Ghost : From Offline to Online
Ghost : From Offline to OnlineGhost : From Offline to Online
Ghost : From Offline to OnlineYusuf A.H.
 
Presentasi Ujian Akhir STMIK Amikom Yogyakarta
Presentasi Ujian Akhir STMIK Amikom YogyakartaPresentasi Ujian Akhir STMIK Amikom Yogyakarta
Presentasi Ujian Akhir STMIK Amikom YogyakartaYusuf A.H.
 
Hitung Ongkos Kirim Menggunakan API rajaongkir.com dengan PHP+JQUERY
Hitung Ongkos Kirim Menggunakan API rajaongkir.com dengan PHP+JQUERYHitung Ongkos Kirim Menggunakan API rajaongkir.com dengan PHP+JQUERY
Hitung Ongkos Kirim Menggunakan API rajaongkir.com dengan PHP+JQUERYYusuf A.H.
 
PHP CRUD Database Mysql
PHP CRUD Database MysqlPHP CRUD Database Mysql
PHP CRUD Database MysqlYusuf A.H.
 

Destaque (6)

Jquery Ajax Part 1 by Yussan
Jquery Ajax Part 1 by YussanJquery Ajax Part 1 by Yussan
Jquery Ajax Part 1 by Yussan
 
Ghost : From Offline to Online
Ghost : From Offline to OnlineGhost : From Offline to Online
Ghost : From Offline to Online
 
Presentasi Ujian Akhir STMIK Amikom Yogyakarta
Presentasi Ujian Akhir STMIK Amikom YogyakartaPresentasi Ujian Akhir STMIK Amikom Yogyakarta
Presentasi Ujian Akhir STMIK Amikom Yogyakarta
 
Ajax and Jquery
Ajax and JqueryAjax and Jquery
Ajax and Jquery
 
Hitung Ongkos Kirim Menggunakan API rajaongkir.com dengan PHP+JQUERY
Hitung Ongkos Kirim Menggunakan API rajaongkir.com dengan PHP+JQUERYHitung Ongkos Kirim Menggunakan API rajaongkir.com dengan PHP+JQUERY
Hitung Ongkos Kirim Menggunakan API rajaongkir.com dengan PHP+JQUERY
 
PHP CRUD Database Mysql
PHP CRUD Database MysqlPHP CRUD Database Mysql
PHP CRUD Database Mysql
 

Semelhante a PEMROGRAMAN MOBILE "AJAX PADA JQUERY"

Panduan lengkap php ajax j query
Panduan lengkap php ajax j queryPanduan lengkap php ajax j query
Panduan lengkap php ajax j queryfadhilmaulana
 
2 panduan lengkap php ajax j query
2 panduan lengkap php ajax j query2 panduan lengkap php ajax j query
2 panduan lengkap php ajax j queryFajar Baskoro
 
Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317esti setiasih
 
Kelompok 15
Kelompok 15Kelompok 15
Kelompok 15alqod
 
Kelompok 15
Kelompok 15Kelompok 15
Kelompok 15alqod
 
Kelompok 15
Kelompok 15Kelompok 15
Kelompok 15alqod
 
Tugas3 krisna muktiandika-1511510347
Tugas3 krisna muktiandika-1511510347Tugas3 krisna muktiandika-1511510347
Tugas3 krisna muktiandika-1511510347krisna mukti andika
 
Pengantar Kuliah: Pemrograman Berorientasi Objek 2 (AJAX)
Pengantar Kuliah: Pemrograman Berorientasi Objek 2 (AJAX)Pengantar Kuliah: Pemrograman Berorientasi Objek 2 (AJAX)
Pengantar Kuliah: Pemrograman Berorientasi Objek 2 (AJAX)Wahyu Primadi
 
Rekayasa web part 3 khaerul anwar
Rekayasa web part 3 khaerul anwarRekayasa web part 3 khaerul anwar
Rekayasa web part 3 khaerul anwarKhaerul Anwar
 
World wide web
World wide webWorld wide web
World wide webpeces123
 
Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587nurul azmi
 
Jeni Web Programming Bab 2 Basic Servlets
Jeni Web Programming Bab 2 Basic ServletsJeni Web Programming Bab 2 Basic Servlets
Jeni Web Programming Bab 2 Basic ServletsIndividual Consultants
 
Tugas 3 0317-mukhlis abdilah-1411511213
Tugas 3 0317-mukhlis abdilah-1411511213Tugas 3 0317-mukhlis abdilah-1411511213
Tugas 3 0317-mukhlis abdilah-1411511213mukhlis abdilah
 

Semelhante a PEMROGRAMAN MOBILE "AJAX PADA JQUERY" (20)

Ajax pada jquery
Ajax pada jqueryAjax pada jquery
Ajax pada jquery
 
Ajax pada jquery
Ajax pada jqueryAjax pada jquery
Ajax pada jquery
 
Panduan lengkap php ajax j query
Panduan lengkap php ajax j queryPanduan lengkap php ajax j query
Panduan lengkap php ajax j query
 
2 panduan lengkap php ajax j query
2 panduan lengkap php ajax j query2 panduan lengkap php ajax j query
2 panduan lengkap php ajax j query
 
Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317
 
Kelompok 15
Kelompok 15Kelompok 15
Kelompok 15
 
Kelompok 15
Kelompok 15Kelompok 15
Kelompok 15
 
Kelompok 15
Kelompok 15Kelompok 15
Kelompok 15
 
Tugas3 krisna muktiandika-1511510347
Tugas3 krisna muktiandika-1511510347Tugas3 krisna muktiandika-1511510347
Tugas3 krisna muktiandika-1511510347
 
Pengantar Kuliah: Pemrograman Berorientasi Objek 2 (AJAX)
Pengantar Kuliah: Pemrograman Berorientasi Objek 2 (AJAX)Pengantar Kuliah: Pemrograman Berorientasi Objek 2 (AJAX)
Pengantar Kuliah: Pemrograman Berorientasi Objek 2 (AJAX)
 
RekWeb
RekWebRekWeb
RekWeb
 
Laporan
LaporanLaporan
Laporan
 
TugaS II so- II
TugaS II so- II TugaS II so- II
TugaS II so- II
 
Pelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPLPelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPL
 
Rekayasa web part 3 khaerul anwar
Rekayasa web part 3 khaerul anwarRekayasa web part 3 khaerul anwar
Rekayasa web part 3 khaerul anwar
 
World wide web
World wide webWorld wide web
World wide web
 
Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587
 
Jeni Web Programming Bab 2 Basic Servlets
Jeni Web Programming Bab 2 Basic ServletsJeni Web Programming Bab 2 Basic Servlets
Jeni Web Programming Bab 2 Basic Servlets
 
Tugas 3 0317-mukhlis abdilah-1411511213
Tugas 3 0317-mukhlis abdilah-1411511213Tugas 3 0317-mukhlis abdilah-1411511213
Tugas 3 0317-mukhlis abdilah-1411511213
 
hhh
hhhhhh
hhh
 

Último

MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptx
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptxMATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptx
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptxwulandaritirsa
 
Ringkasan Isi & Pokok Bahasan_ Buku_ "Teknik Perhitungan & Verifikasi TKDN da...
Ringkasan Isi & Pokok Bahasan_ Buku_ "Teknik Perhitungan & Verifikasi TKDN da...Ringkasan Isi & Pokok Bahasan_ Buku_ "Teknik Perhitungan & Verifikasi TKDN da...
Ringkasan Isi & Pokok Bahasan_ Buku_ "Teknik Perhitungan & Verifikasi TKDN da...Kanaidi ken
 
KISI-KISI Soal PAS Geografi Kelas XII.docx
KISI-KISI Soal PAS Geografi Kelas XII.docxKISI-KISI Soal PAS Geografi Kelas XII.docx
KISI-KISI Soal PAS Geografi Kelas XII.docxjohan effendi
 
The Wolf, The Buffalo and The Shepherd ~ A Kids' Story with Life Lessons (En...
The Wolf, The Buffalo and The Shepherd ~ A Kids' Story  with Life Lessons (En...The Wolf, The Buffalo and The Shepherd ~ A Kids' Story  with Life Lessons (En...
The Wolf, The Buffalo and The Shepherd ~ A Kids' Story with Life Lessons (En...OH TEIK BIN
 
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...Kanaidi ken
 
Penyusunan Paragraf Primakara Informatika IFPagi3
Penyusunan Paragraf Primakara Informatika IFPagi3Penyusunan Paragraf Primakara Informatika IFPagi3
Penyusunan Paragraf Primakara Informatika IFPagi3SatriaPamungkas18
 
Materi B.indo (Penyusunan Paragraf).pptx
Materi B.indo (Penyusunan Paragraf).pptxMateri B.indo (Penyusunan Paragraf).pptx
Materi B.indo (Penyusunan Paragraf).pptxafkarzidan98
 
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdf
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdfAKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdf
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdfHeriyantoHeriyanto44
 
Gandum & Lalang (Matius......13_24-30).pptx
Gandum & Lalang (Matius......13_24-30).pptxGandum & Lalang (Matius......13_24-30).pptx
Gandum & Lalang (Matius......13_24-30).pptxHansTobing
 
Adab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamu
Adab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamuAdab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamu
Adab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamuKarticha
 
Elemen Jurnalistik Ilmu Komunikasii.pptx
Elemen Jurnalistik Ilmu Komunikasii.pptxElemen Jurnalistik Ilmu Komunikasii.pptx
Elemen Jurnalistik Ilmu Komunikasii.pptxGyaCahyaPratiwi
 
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal Faizin
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal  Faizin“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal  Faizin
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal FaizinKanaidi ken
 
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AW
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AWPOKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AW
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AWKafe Buku Pak Aw
 
(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaru(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaruSilvanaAyu
 
Perbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdf
Perbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdfPerbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdf
Perbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdfAgungNugroho932694
 
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdf
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdfAminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdf
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdfAminullah Assagaf
 
Estetika Humanisme Ringkasan Pertemuan 1.pdf
Estetika Humanisme Ringkasan Pertemuan 1.pdfEstetika Humanisme Ringkasan Pertemuan 1.pdf
Estetika Humanisme Ringkasan Pertemuan 1.pdfHendroGunawan8
 
bahasa-indonesia-penyusunan-paragraf.pptx
bahasa-indonesia-penyusunan-paragraf.pptxbahasa-indonesia-penyusunan-paragraf.pptx
bahasa-indonesia-penyusunan-paragraf.pptxvincentptk17
 
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdfJaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdfHendroGunawan8
 
Perbedaan CARA PANDANG _Training "Effective MARKETING and PERSONAL SELLING".
Perbedaan CARA PANDANG _Training "Effective MARKETING and PERSONAL SELLING".Perbedaan CARA PANDANG _Training "Effective MARKETING and PERSONAL SELLING".
Perbedaan CARA PANDANG _Training "Effective MARKETING and PERSONAL SELLING".Kanaidi ken
 

Último (20)

MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptx
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptxMATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptx
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptx
 
Ringkasan Isi & Pokok Bahasan_ Buku_ "Teknik Perhitungan & Verifikasi TKDN da...
Ringkasan Isi & Pokok Bahasan_ Buku_ "Teknik Perhitungan & Verifikasi TKDN da...Ringkasan Isi & Pokok Bahasan_ Buku_ "Teknik Perhitungan & Verifikasi TKDN da...
Ringkasan Isi & Pokok Bahasan_ Buku_ "Teknik Perhitungan & Verifikasi TKDN da...
 
KISI-KISI Soal PAS Geografi Kelas XII.docx
KISI-KISI Soal PAS Geografi Kelas XII.docxKISI-KISI Soal PAS Geografi Kelas XII.docx
KISI-KISI Soal PAS Geografi Kelas XII.docx
 
The Wolf, The Buffalo and The Shepherd ~ A Kids' Story with Life Lessons (En...
The Wolf, The Buffalo and The Shepherd ~ A Kids' Story  with Life Lessons (En...The Wolf, The Buffalo and The Shepherd ~ A Kids' Story  with Life Lessons (En...
The Wolf, The Buffalo and The Shepherd ~ A Kids' Story with Life Lessons (En...
 
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...
 
Penyusunan Paragraf Primakara Informatika IFPagi3
Penyusunan Paragraf Primakara Informatika IFPagi3Penyusunan Paragraf Primakara Informatika IFPagi3
Penyusunan Paragraf Primakara Informatika IFPagi3
 
Materi B.indo (Penyusunan Paragraf).pptx
Materi B.indo (Penyusunan Paragraf).pptxMateri B.indo (Penyusunan Paragraf).pptx
Materi B.indo (Penyusunan Paragraf).pptx
 
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdf
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdfAKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdf
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdf
 
Gandum & Lalang (Matius......13_24-30).pptx
Gandum & Lalang (Matius......13_24-30).pptxGandum & Lalang (Matius......13_24-30).pptx
Gandum & Lalang (Matius......13_24-30).pptx
 
Adab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamu
Adab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamuAdab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamu
Adab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamu
 
Elemen Jurnalistik Ilmu Komunikasii.pptx
Elemen Jurnalistik Ilmu Komunikasii.pptxElemen Jurnalistik Ilmu Komunikasii.pptx
Elemen Jurnalistik Ilmu Komunikasii.pptx
 
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal Faizin
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal  Faizin“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal  Faizin
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal Faizin
 
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AW
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AWPOKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AW
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AW
 
(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaru(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaru
 
Perbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdf
Perbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdfPerbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdf
Perbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdf
 
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdf
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdfAminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdf
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdf
 
Estetika Humanisme Ringkasan Pertemuan 1.pdf
Estetika Humanisme Ringkasan Pertemuan 1.pdfEstetika Humanisme Ringkasan Pertemuan 1.pdf
Estetika Humanisme Ringkasan Pertemuan 1.pdf
 
bahasa-indonesia-penyusunan-paragraf.pptx
bahasa-indonesia-penyusunan-paragraf.pptxbahasa-indonesia-penyusunan-paragraf.pptx
bahasa-indonesia-penyusunan-paragraf.pptx
 
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdfJaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
 
Perbedaan CARA PANDANG _Training "Effective MARKETING and PERSONAL SELLING".
Perbedaan CARA PANDANG _Training "Effective MARKETING and PERSONAL SELLING".Perbedaan CARA PANDANG _Training "Effective MARKETING and PERSONAL SELLING".
Perbedaan CARA PANDANG _Training "Effective MARKETING and PERSONAL SELLING".
 

PEMROGRAMAN MOBILE "AJAX PADA JQUERY"

  • 1. OLEH : MELANY KURNIAWAN :1310128262083 KARTINI :1310128262051
  • 2. 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
  • 3. 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.
  • 4. 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.
  • 5.
  • 6.  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.
  • 7. 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
  • 8. 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.
  • 9. 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.
  • 10. 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.