SlideShare ist ein Scribd-Unternehmen logo
1 von 14
AJAX PADA JQUERY
Nama Kelompok :
1. Heri Kristanto
2. Fico Arditiasa Saputra
Sekilas Tentang Ajax
Sejarah Tentang Ajax
AJAX diperkenalkan oleh Jesse James Garret dari Adaptive Path tahun 2005 pada
tulisannya yang berjudul ”AJAX: A New Approach to Web Application”. AJAX bukan
merupakan bahasa pemrograman baru, namun hanya suatu teknik pemanfaatan
javascript dalam mengontrol class objek XMLHttpRequest untuk me-Refresh dan
mengupdate content dalam halaman web tanpa melakukan reload keseluruhan
halaman web seperti pada Metode Tradisional, AJAX sendiri merupakan singkatan dari
“Asynchronous JavaScript And XML”.
Tentang Ajax
 AJAX, adalah suatu teknik pemprograman berbasis web untuk menciptakan aplikasi
web interaktif. Ajax terdiri dari HTML, Javascript, DHTML dan DOM yang kemudian
digabungkan dengan bahasa pemograman web di sisi server seperti PHP dan ASP,
sehingga membentuk suatu aplikasi berbasis web yang interaktif.
 Tujuan Utama AJAX adalah Javascript dapat langsung berkomunikasi dengan server
dengan menggunakan objek XMLHttpRequest. Dengan objek ini, javascript dapat
melakukan transaksi data denga server web, tanpa harus me-reloading halaman
web tersebut secara keseluruhan
Ajax berdiri berdasarkan standart internet dan menggunakan
kombinasi seperti ini :
AJAX
HTML
CSS
XMLDOM
JAVASCRIPT
Keterangan Kombinasi Gambar Diatas
1. XMLHttp Request Object ==)) Untuk Bertukar data client dan server
2. Javascript/DOM ==)) Untuk menampilkan/berinteraksi dengan informasi yang
diperoleh
3. HTML “HyperText Markup Language “ ==))untuk membuat Web forms dan
mengindentifikasikan filed-field yang akan di gunakan dalam aplikasi.
4. CSS “Cascading Style Sheets “ ==) Untuk memberikan gaya/style supaya
tampilannya menarik
5. XML “ Extensible Markup Language” ==)) Sebagai Format Pengiriman Data
KONSEP HTTP REQUEST DAN RESPONSE
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. Sekali sebuah request diterima, web server
kemudian menentukan response apa yang akan diberikan. Terdapat banyak kode
response, tabel dibawah memperlihatkan kode yang umumnya.
KODE RESPONSE
Terdapat banyak request method yang ada, tetapi yang paling sering digunakan adalah GET dan POST. Sekarang kita
telah memiliki bayangan 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
Contoh Get
Output dari get :Terdapat Keterangan di Address Bar =
file:///D:/LAPORAN%20PAK%20ROPI/PRESENTASI/Contoh%20Get%20Dan%20Post/index.php?fnama=Heri+Kristanto&lalamat=Bengkon
g+Sadai&method=get&submit=Submit
Form Terisi Nama dan alamat
Tampilan Output Post
Contoh Singkat Perintah Ajax
Keterangan Baris Kode
THANK YOU

Weitere ähnliche Inhalte

Was ist angesagt?

content managent system (cms)
content managent system (cms)content managent system (cms)
content managent system (cms)joandi11
 
CMS (Content Management System)
CMS (Content Management System)CMS (Content Management System)
CMS (Content Management System)idharudin
 
Tugas 3 0317 hendrie prasetyo 1612510899
Tugas 3 0317 hendrie prasetyo 1612510899Tugas 3 0317 hendrie prasetyo 1612510899
Tugas 3 0317 hendrie prasetyo 1612510899hendrieprasetyo
 
tutorial instalasi berbagai aplikasi cms menggunakan xampp
 tutorial instalasi berbagai aplikasi cms menggunakan xampp tutorial instalasi berbagai aplikasi cms menggunakan xampp
tutorial instalasi berbagai aplikasi cms menggunakan xamppzhianka007
 
Panduan lengkap php ajax j query
Panduan lengkap php ajax j queryPanduan lengkap php ajax j query
Panduan lengkap php ajax j queryapriatin
 
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.
 
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.
 
Tugas 3 - ihsan riadi - 1412511162
Tugas 3  - ihsan riadi - 1412511162Tugas 3  - ihsan riadi - 1412511162
Tugas 3 - ihsan riadi - 1412511162ihsan riadi
 
Content management system
Content management systemContent management system
Content management systemjoandi11
 
Laporan Pemograman API JSON
Laporan Pemograman API JSONLaporan Pemograman API JSON
Laporan Pemograman API JSONadhy77
 

Was ist angesagt? (17)

content managent system (cms)
content managent system (cms)content managent system (cms)
content managent system (cms)
 
CMS (Content Management System)
CMS (Content Management System)CMS (Content Management System)
CMS (Content Management System)
 
Tugas 3
Tugas 3Tugas 3
Tugas 3
 
Tugas 2 smbd
Tugas 2 smbdTugas 2 smbd
Tugas 2 smbd
 
Ajax - PHP
Ajax - PHPAjax - PHP
Ajax - PHP
 
Tugas 3 0317 hendrie prasetyo 1612510899
Tugas 3 0317 hendrie prasetyo 1612510899Tugas 3 0317 hendrie prasetyo 1612510899
Tugas 3 0317 hendrie prasetyo 1612510899
 
Tugas 3 0317
Tugas 3 0317Tugas 3 0317
Tugas 3 0317
 
tutorial instalasi berbagai aplikasi cms menggunakan xampp
 tutorial instalasi berbagai aplikasi cms menggunakan xampp tutorial instalasi berbagai aplikasi cms menggunakan xampp
tutorial instalasi berbagai aplikasi cms menggunakan xampp
 
Tugas4
Tugas4Tugas4
Tugas4
 
Panduan lengkap php ajax j query
Panduan lengkap php ajax j queryPanduan lengkap php ajax j query
Panduan lengkap php ajax j query
 
Tugas 2 rekweb
Tugas 2 rekwebTugas 2 rekweb
Tugas 2 rekweb
 
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
 
Jquery Ajax Part 1 by Yussan
Jquery Ajax Part 1 by YussanJquery Ajax Part 1 by Yussan
Jquery Ajax Part 1 by Yussan
 
Tugas 3 - ihsan riadi - 1412511162
Tugas 3  - ihsan riadi - 1412511162Tugas 3  - ihsan riadi - 1412511162
Tugas 3 - ihsan riadi - 1412511162
 
P webfb
P webfbP webfb
P webfb
 
Content management system
Content management systemContent management system
Content management system
 
Laporan Pemograman API JSON
Laporan Pemograman API JSONLaporan Pemograman API JSON
Laporan Pemograman API JSON
 

Andere mochten auch

Presentacion paginas web
Presentacion paginas webPresentacion paginas web
Presentacion paginas webItza1404
 
ประวิติส่วนตัว
ประวิติส่วนตัวประวิติส่วนตัว
ประวิติส่วนตัวTunyaporn
 
Holy grail presentation website
Holy grail presentation   websiteHoly grail presentation   website
Holy grail presentation websitetransference
 
Scaling WooCommerce
Scaling WooCommerceScaling WooCommerce
Scaling WooCommerceChris Lema
 
Los choques, como trastornos circulatorios
Los choques, como trastornos circulatoriosLos choques, como trastornos circulatorios
Los choques, como trastornos circulatoriosEli Caballero
 
Spirulina and its health benefits.
Spirulina and its health benefits.Spirulina and its health benefits.
Spirulina and its health benefits.Mukesh Sharma
 

Andere mochten auch (10)

Presentation1
Presentation1Presentation1
Presentation1
 
Presentacion paginas web
Presentacion paginas webPresentacion paginas web
Presentacion paginas web
 
ประวิติส่วนตัว
ประวิติส่วนตัวประวิติส่วนตัว
ประวิติส่วนตัว
 
Fidelización de clientes
Fidelización de clientesFidelización de clientes
Fidelización de clientes
 
MKT535 Netflix Project_FINAL
MKT535 Netflix Project_FINALMKT535 Netflix Project_FINAL
MKT535 Netflix Project_FINAL
 
El xi mandamiento
El xi mandamientoEl xi mandamiento
El xi mandamiento
 
Holy grail presentation website
Holy grail presentation   websiteHoly grail presentation   website
Holy grail presentation website
 
Scaling WooCommerce
Scaling WooCommerceScaling WooCommerce
Scaling WooCommerce
 
Los choques, como trastornos circulatorios
Los choques, como trastornos circulatoriosLos choques, como trastornos circulatorios
Los choques, como trastornos circulatorios
 
Spirulina and its health benefits.
Spirulina and its health benefits.Spirulina and its health benefits.
Spirulina and its health benefits.
 

Ähnlich wie Ajax pada jquery

Presentase mobile
Presentase mobilePresentase mobile
Presentase mobilekartinick04
 
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
 
Introduction to ajax
Introduction to ajaxIntroduction to ajax
Introduction to ajaxHari Setiaji
 
Kelompok 15
Kelompok 15Kelompok 15
Kelompok 15alqod
 
Kelompok 15
Kelompok 15Kelompok 15
Kelompok 15alqod
 
Kelompok 15
Kelompok 15Kelompok 15
Kelompok 15alqod
 
Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317esti setiasih
 
Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587nurul azmi
 
Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Linda Lestari
 
Laporan web
Laporan webLaporan web
Laporan webrhizky
 
Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832fahreza yozi
 
World wide web
World wide webWorld wide web
World wide webpeces123
 
Tugas3 krisna muktiandika-1511510347
Tugas3 krisna muktiandika-1511510347Tugas3 krisna muktiandika-1511510347
Tugas3 krisna muktiandika-1511510347krisna mukti andika
 
Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602dewiapril1996
 
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
 

Ähnlich wie Ajax pada jquery (20)

Presentase mobile
Presentase mobilePresentase mobile
Presentase mobile
 
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
 
Introduction to ajax
Introduction to ajaxIntroduction to ajax
Introduction to ajax
 
Kelompok 15
Kelompok 15Kelompok 15
Kelompok 15
 
Kelompok 15
Kelompok 15Kelompok 15
Kelompok 15
 
Kelompok 15
Kelompok 15Kelompok 15
Kelompok 15
 
Laporan
LaporanLaporan
Laporan
 
Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317Tugas 3 matkul rekayasa web 0317
Tugas 3 matkul rekayasa web 0317
 
Tugas 3 rekweb
Tugas 3 rekwebTugas 3 rekweb
Tugas 3 rekweb
 
RekWeb
RekWebRekWeb
RekWeb
 
Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587Tugas 2 0317-nurul azmi-1412510587
Tugas 2 0317-nurul azmi-1412510587
 
AJAX: Presentasi Seminar
AJAX: Presentasi SeminarAJAX: Presentasi Seminar
AJAX: Presentasi Seminar
 
Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)
 
Laporan web
Laporan webLaporan web
Laporan web
 
Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832Tugas 2 0317-fahreza yozi-1612510832
Tugas 2 0317-fahreza yozi-1612510832
 
World wide web
World wide webWorld wide web
World wide web
 
Tugas3 krisna muktiandika-1511510347
Tugas3 krisna muktiandika-1511510347Tugas3 krisna muktiandika-1511510347
Tugas3 krisna muktiandika-1511510347
 
Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602Tugas 2 0317-dewi apriliani-1412510602
Tugas 2 0317-dewi apriliani-1412510602
 
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)
 

Mehr von takdirlovely09

Sistem Pakar (Pemrograman Mobile Lanjutan)
Sistem Pakar (Pemrograman Mobile Lanjutan)Sistem Pakar (Pemrograman Mobile Lanjutan)
Sistem Pakar (Pemrograman Mobile Lanjutan)takdirlovely09
 
Microsoft exchange-server-2013-installation
Microsoft exchange-server-2013-installationMicrosoft exchange-server-2013-installation
Microsoft exchange-server-2013-installationtakdirlovely09
 
Kamus istilah jaringan
Kamus istilah jaringanKamus istilah jaringan
Kamus istilah jaringantakdirlovely09
 
Multi-page jquery Mobile
Multi-page jquery MobileMulti-page jquery Mobile
Multi-page jquery Mobiletakdirlovely09
 
Page & Dialog Transitions
Page & Dialog TransitionsPage & Dialog Transitions
Page & Dialog Transitionstakdirlovely09
 

Mehr von takdirlovely09 (6)

Sistem Pakar (Pemrograman Mobile Lanjutan)
Sistem Pakar (Pemrograman Mobile Lanjutan)Sistem Pakar (Pemrograman Mobile Lanjutan)
Sistem Pakar (Pemrograman Mobile Lanjutan)
 
Microsoft exchange-server-2013-installation
Microsoft exchange-server-2013-installationMicrosoft exchange-server-2013-installation
Microsoft exchange-server-2013-installation
 
Kamus istilah jaringan
Kamus istilah jaringanKamus istilah jaringan
Kamus istilah jaringan
 
Multi-page jquery Mobile
Multi-page jquery MobileMulti-page jquery Mobile
Multi-page jquery Mobile
 
Ajax pada jquery
Ajax pada jqueryAjax pada jquery
Ajax pada jquery
 
Page & Dialog Transitions
Page & Dialog TransitionsPage & Dialog Transitions
Page & Dialog Transitions
 

Kürzlich hochgeladen

CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7IwanSumantri7
 
E-modul Materi Ekosistem untuk kelas X SMA
E-modul Materi Ekosistem untuk kelas X SMAE-modul Materi Ekosistem untuk kelas X SMA
E-modul Materi Ekosistem untuk kelas X SMAAmmar Ahmad
 
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMKAksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMKgamelamalaal
 
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptxDEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptxwawan479953
 
Memperkasakan Dialog Prestasi Sekolah.pptx
Memperkasakan Dialog Prestasi Sekolah.pptxMemperkasakan Dialog Prestasi Sekolah.pptx
Memperkasakan Dialog Prestasi Sekolah.pptxsalmnor
 
Bab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptx
Bab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptxBab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptx
Bab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptxrizalhabib4
 
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfAndiCoc
 
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHANTUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHANwawan479953
 
OPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptx
OPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptxOPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptx
OPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptxDedeRosza
 
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTXAKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTXIksanSaputra6
 
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxPendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxdeskaputriani1
 
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxssuser35630b
 
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024ssuser0bf64e
 
Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat UI 2024
Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat  UI 2024Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat  UI 2024
Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat UI 2024editwebsitesubdit
 
Kanvas BAGJA prakarsa perubahan Ahyar.pdf
Kanvas BAGJA prakarsa perubahan Ahyar.pdfKanvas BAGJA prakarsa perubahan Ahyar.pdf
Kanvas BAGJA prakarsa perubahan Ahyar.pdfAkhyar33
 
Kenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).pptKenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).pptnovibernadina
 
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...pipinafindraputri1
 
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdfAksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdfJarzaniIsmail
 
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfAndiCoc
 
Pengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, FigmaPengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, FigmaAndreRangga1
 

Kürzlich hochgeladen (20)

CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7CAPACITY BUILDING Materi Saat di Lokakarya 7
CAPACITY BUILDING Materi Saat di Lokakarya 7
 
E-modul Materi Ekosistem untuk kelas X SMA
E-modul Materi Ekosistem untuk kelas X SMAE-modul Materi Ekosistem untuk kelas X SMA
E-modul Materi Ekosistem untuk kelas X SMA
 
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMKAksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
 
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptxDEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
 
Memperkasakan Dialog Prestasi Sekolah.pptx
Memperkasakan Dialog Prestasi Sekolah.pptxMemperkasakan Dialog Prestasi Sekolah.pptx
Memperkasakan Dialog Prestasi Sekolah.pptx
 
Bab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptx
Bab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptxBab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptx
Bab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptx
 
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
 
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHANTUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
 
OPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptx
OPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptxOPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptx
OPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptx
 
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTXAKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
 
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxPendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
 
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
 
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
 
Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat UI 2024
Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat  UI 2024Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat  UI 2024
Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat UI 2024
 
Kanvas BAGJA prakarsa perubahan Ahyar.pdf
Kanvas BAGJA prakarsa perubahan Ahyar.pdfKanvas BAGJA prakarsa perubahan Ahyar.pdf
Kanvas BAGJA prakarsa perubahan Ahyar.pdf
 
Kenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).pptKenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).ppt
 
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
Modul 2 - Bagaimana membangun lingkungan belajar yang mendukung transisi PAUD...
 
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdfAksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
 
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
 
Pengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, FigmaPengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, Figma
 

Ajax pada jquery

  • 1. AJAX PADA JQUERY Nama Kelompok : 1. Heri Kristanto 2. Fico Arditiasa Saputra
  • 2. Sekilas Tentang Ajax Sejarah Tentang Ajax AJAX diperkenalkan oleh Jesse James Garret dari Adaptive Path tahun 2005 pada tulisannya yang berjudul ”AJAX: A New Approach to Web Application”. AJAX bukan merupakan bahasa pemrograman baru, namun hanya suatu teknik pemanfaatan javascript dalam mengontrol class objek XMLHttpRequest untuk me-Refresh dan mengupdate content dalam halaman web tanpa melakukan reload keseluruhan halaman web seperti pada Metode Tradisional, AJAX sendiri merupakan singkatan dari “Asynchronous JavaScript And XML”.
  • 3. Tentang Ajax  AJAX, adalah suatu teknik pemprograman berbasis web untuk menciptakan aplikasi web interaktif. Ajax terdiri dari HTML, Javascript, DHTML dan DOM yang kemudian digabungkan dengan bahasa pemograman web di sisi server seperti PHP dan ASP, sehingga membentuk suatu aplikasi berbasis web yang interaktif.  Tujuan Utama AJAX adalah Javascript dapat langsung berkomunikasi dengan server dengan menggunakan objek XMLHttpRequest. Dengan objek ini, javascript dapat melakukan transaksi data denga server web, tanpa harus me-reloading halaman web tersebut secara keseluruhan
  • 4. Ajax berdiri berdasarkan standart internet dan menggunakan kombinasi seperti ini : AJAX HTML CSS XMLDOM JAVASCRIPT
  • 5. Keterangan Kombinasi Gambar Diatas 1. XMLHttp Request Object ==)) Untuk Bertukar data client dan server 2. Javascript/DOM ==)) Untuk menampilkan/berinteraksi dengan informasi yang diperoleh 3. HTML “HyperText Markup Language “ ==))untuk membuat Web forms dan mengindentifikasikan filed-field yang akan di gunakan dalam aplikasi. 4. CSS “Cascading Style Sheets “ ==) Untuk memberikan gaya/style supaya tampilannya menarik 5. XML “ Extensible Markup Language” ==)) Sebagai Format Pengiriman Data
  • 6. KONSEP HTTP REQUEST DAN RESPONSE 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. Sekali sebuah request diterima, web server kemudian menentukan response apa yang akan diberikan. Terdapat banyak kode response, tabel dibawah memperlihatkan kode yang umumnya.
  • 7. KODE RESPONSE Terdapat banyak request method yang ada, tetapi yang paling sering digunakan adalah GET dan POST. Sekarang kita telah memiliki bayangan 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
  • 9. Output dari get :Terdapat Keterangan di Address Bar = file:///D:/LAPORAN%20PAK%20ROPI/PRESENTASI/Contoh%20Get%20Dan%20Post/index.php?fnama=Heri+Kristanto&lalamat=Bengkon g+Sadai&method=get&submit=Submit
  • 10. Form Terisi Nama dan alamat

Hinweis der Redaktion

  1. NOTE: Want a different image on this slide? Select the picture and delete it. Now click the Pictures icon in the placeholder to insert your own image.