Ringkasan dokumen tersebut adalah: AJAX menggunakan JavaScript untuk berkomunikasi dengan server tanpa merefresh halaman web. AJAX menggabungkan teknologi seperti HTML, CSS, XML, DOM, dan JavaScript untuk membuat aplikasi web yang interaktif. AJAX memungkinkan pertukaran data antara klien dan server tanpa merefresh halaman web.

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

8. Contoh Get

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

11. Tampilan Output Post

12. Contoh Singkat Perintah Ajax

13. Keterangan Baris Kode

14. THANK YOU