Download to read offline
Ajax pada jquery
- 1. AJAX PADA JQUERY NamaKelompok : 1. Heri Kristanto 2. Fico Arditiasa Saputra
- 2. Sekilas Tentang Ajax SejarahTentang 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 berdasarkanstandart internet dan menggunakan kombinasi seperti ini : AJAX HTML CSS XMLDOM JAVASCRIPT
- 5. Keterangan Kombinasi GambarDiatas 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 REQUESTDAN 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 banyakrequest 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.
- 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 Namadan alamat
- 11.
- 12.
- 13.
- 14.
Editor's Notes
- #2 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.