ajax

Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T. S.T. (IF-UNIKOM) (IF -UNIKOM)

AJAX (ASYNCHRONOUS JAVASCRIPT AND XML) PERTEMUAN 13

TEKNIK INFORMATIKA –  INFORMATIKA – UNIKOM UNIKOM (2008)

1

Materi Hari Ini 2



AJAX ?



Persyaratan



DOM (Document Object Model)



XMLHttpRequest



Contoh Aplikasi AJAX



Cont Contoh oh Apli Aplika kasi si AJAX AJAX + PHP PHP



Contoh Aplikasi Bukutamu dengan AJAX dan PHP

Modul Aplikasi Teknologi Online Oleh Andri Heryand Heryandi,i, S.T. (IF-UNIKOM)

AJAX ? 3

 



Sing Singka kata tann da dari ri Asyn Asynchr chron onou ouss Ja Javvascr ascrip iptt And And XM XMLL Suatu teknik pemrograman berbasis web untuk menc me ncip ipta taka kann ap aplilika kasi si web inte intera rakt ktif if.. Digu Digunnakan akan untu untukk mem emiindah ndahkkan seba sebag gia iann be bessar inte intera raks ksii pa pada da komp komput uter er web serve serverr, mel melak akuk ukan an pertu pe rtuka karran da data ta de deng ngan an serve serverr di di be bela laka kang ng la lay yar, ar, sehingga halaman web ti tidak harus rus dibaca ulang seca secara ra kesel eseluru uruha hann seti setiap ap kali kali seor seoran ang g pe peng nggu guna na mela me laku kuka kann pe perub rubah ahan an..

Modul Aplikasi Teknologi Online Oleh Andri Heryand Heryandi,i, S.T. (IF-UNIKOM)

Persyaratan 4



Syarat WAJIB untuk dapat memahami AJAX, ada beberapa syarat yang sebaiknya telah dikuasai sebelumnya, yaitu : Pengetahuan HTML  Pengetahuan CSS (Cascading Style Sheets)  Pengetahuan JavaScript  Pengetahuan DOM (Document Object Model) 



Syarat LAIN yang sebaiknya dipahami karena akan membuat web menjadi lebih baik lagi, yaitu : Pengetahuan Web Programming (PHP, ASP, JSP)  Pengetahuan Database  Pengetahuan dokumen XML, JSON, dll. 

Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T. (IF-UNIKOM)

DOM (Document Object Model) 5





DOM HTML menjelaskan sebuah cara yang untuk mengakses dan memanipulasi dokumen HTML. DOM merepresentasikan sebuah halaman HTML sebagai sebuah tree (pohon), lengkap dengan elemenelemen, atribut dan textnya.

Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T. (IF-UNIKOM)

DOM (Document Object Model) 6



Contoh file html : Contoh 1 DATA KOTA Nama Kota Paragraf 1 Paragraf 2 Copyright: adaaja.com

Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T. (IF-UNIKOM)

DOM (Document Object Model) 7



Tree dari file tersebut : Jika ingin menampilkan struktur DOM suatu HTML di Firefox, silahkan install Add Ons bernama WEB DEVELOPER.

Modul Aplikasi Teknologi Online Oleh Andri Heryandi, S.T. (IF-UNIKOM)

DOM (Document Object Model) 8



Memanipulasi Objek dengan DOM Javascript

FILE : Contoh2\Index.html Contoh 2 DATA KOTA Nama Kota

onclick="return isikan()"> onclick="return isikan2()">OK Via LINK