Artikel Bidang / Tags : Tags : AJAX | Puput | 26-06-2009 | 03:25 PM | Dibaca : 8105 Kali


Sudah lumayan lama saya menggunakan aplikasi web yang menggunakan AJAX, tetapi baru sekarang saya peduli dan ingin tahu lebih dalam tentang AJAX. Jadi saya coba coba browsing sana sini untuk mendapat informasi lebih lanjut mengenai AJAX. Ini adalah rangkuman yang saya dapat dari perjalanan saya untuk mengerti AJAX, saya tulis dalam bahasa Indonesia saja yah. Apa sih AJAX itu ?

AJAX adalah suatu teknik untuk membuat aplikasi web kita menjadi interactive dan attractive, jadi AJAX bukanlah suatu bahasa pemrograman. Btw AJAX itu kependekan dari Asynchrounous JavaScript and XML.

Lalu bagai mana bisa lebih interactive dan attractive ?

Dengan AJAX, aplikasi web kita bisa langsung berkomunikasi dengan server untuk meminta sebuah data atau informasi tanpa aksi dari user. Jadi tanpa reload halaman atau klik tombol submit atau apapun, user dari aplikasi web bisa kita beri beragam informasi atau hal hal lain untuk memperindah aplikasi web kita.

Perlu di ingat bahwa ajax hidup berdasarkan web standard yang sudah ada seperti HTML, JavaScript dan web standard lainnya yang saya gak tau. Jadi ajax ini kemungkinan sudah didukung oleh banyak browser ternama di dunia internet, tapi masih ada kemungkinan ajax tidak jalan dibeberapa browser lawas atau yang bandel tidak mengikuti standard.

Btw detail spec saya:
1. Browser Firefox 2.0
2. Os Windows Vista

Rencananya kita akan membuat aplikasi kalkulator kuadrat, sesaat user memasukan sebuah angka maka sesaat itu juga aplikasi langsung mengembalikan nilai kuadratnya.

Pertama yang kita harus lakukan adalah membuat user interface aplikasi kita dulu. Rencananya di aplikasi kita ini akan ada sebuah inputan untuk meminta data dari user, yang nantinya langsung memberikan hasil secara tiba tiba.



Penjelasan :
adalah kode untuk membuat inputan
adalah tempat untuk mencetak hasil balasan dari server

Kedua kita akan buat file php yang akan mengembalikan nilai kuadrat dari inputan user, kebetulan di computer saya hanya ada server php jadi saya menggunakan yang seadanya di computer saya. Untuk anda yang terbiasa atau mempunyai banyak pemrograman web lain selain php dipersilahkan mencoba sendiri.



Catatan : nama file php diatas saya namakan serv.php

Ketiga kita akan membuat fungsi javascript yang menggunakan object HttpRequest disitulah ajax bermain. Versi lengkapnya



(klik untuk melihat lebih lengkap)

Penjelasan :

Var xmlHttp=new XMLHttpRequest();

membuat object HttpRequest yang akan dugunakan untuk mengirim data ke server, untuk membuat object tersebut bisa brbeda beda tergantung dari browsernya. Ada bagusnya kalian menlakukan check dan ricek dahulu browser apa yang di gunakan, atau gunakan script dibawah untuk menemukan objectr yang tepat untuk browser pengguna.



Catatan : saya mengkopi script diatas dari aplikasi saya yang sudah berjalan, seinget saya script itu juga saya copy dari suatu tempat, tapi sayangnya saya lupa. X)

var url="serv.php?angka="+angka;

Aplikasi php saya yang meminta inputan sau parameter, yaitu angka. Nantinya akan menggembalikan nilai kuadrat dari parameter yang dimasukan.

xmlHttp.onreadystatechange=function()

Disini akan menjalankan kode inline fungsi di bawahnya, yang akan merekam kondisi apa saja yang terjadi di saat aplikasi dijalankan, contoh aplikasi hanya merekam kondisi status readyState sama dengan 4.

xmlHttp.readyState==4

ini menyatakan aplikasi sukses mengembalikan nilai, dibawah adalah beberapa kondisi yang sering saya gunakan untuk aplikasi saya.

Status Keterangan
2 Request sudah dikirim
3 Request dalam proses
4 Request komplit

document.getElementById("texthasil").innerHTML=xmlHttp.responseText;

Kode ini menampilkan response dari server kedalam

Ha ha ha ha selesai juga baca tutorial saya yang membosankan :p , terimakasih sudah membaca dan jangan tulis komentar kalau ada saran kritik cercaan dan makian.

Hosting Gratis



Baca Juga Arikel yang lain berikut ini :

Komentar Artikel :
Pengirim
Email
Komentar
Scurity Code 5ap1E

 


asas [ Tanggal : 16-12-2012 | waktu : 07:04:07 ]
asdadasdas

atha [ Tanggal : 17-09-2012 | waktu : 08:59:13 ]
posting.in cara buat web login dengan ajax donk..!!^_^ makacih :)

sdsd [ Tanggal : 16-06-2010 | waktu : 01:34:40 ]
sdsd

febrisetiawan_webcommunitydcc-bdl [ Tanggal : 14-04-2010 | waktu : 07:19:04 ]
keren pak ,,, saya tggu ilmu-ilmu berikutnya thanks

1 Next->

Projek Terakhir Kami

PMB STAIN Metro 2014
Aplikasi Seleksi Penerimaan Mahasiswa Baru STAIN Jurai Siwo Metro Tahun 2014 
Puskom Stain Metro
Aplikasi Pemilihan Kelas Praktikum Puskom STAIN Jurai Siwo Metro
Tabungan.SDMMP.SCH.id
Aplikasi Tabungan SD Muhammadiyah Metro Pusat
LKS Bhakti Mulia
Lembaga Kesejahteraan Sosial Bhakti Mulia Kota Metro
Aplikasi Kearsipan Lamtim
Aplikasi Kearsipan Kabupaten Lampung Timur
Bapusardok Lamtim
Badan Perpustakaan dan Arsip Daerah Kabupaten Lampung Timur
New Stainmetro.ac.id 2014
upgrade website StainMetro.ac.id
1 2 3 4 5 6 7 8 9 10

Projek Selanjutnya

  1. Aplikasi MSIP Stain metro
  2. GIS Pendidikan Kota Metro
  3. Absensi Online Disdikbudpora
  4. Upgrade sismik-stainmetro.com
  5. Dinas Pertambangan Lamtim
  6. JDIH Kota Metro
  7. Upgrade DPRD Kota Metro 2014

Kategori Artikel

Login Member


lyNHh

Pengunjung Baru? Daftar Gratis Disini Atau Login Menggunakan :

Berlangganan Artikel
Dapatkan Update Artikel dan Informasi Gratis dari Website FR-SYSTEM
Silahkan Masukkan Alamat Email anda untuk Berlangganan Secara Gratis
Untuk Berhenti Berlangganan Klik Disini

6 Alasan Memilih
FR-SYSTEM

  1. Proses pembuatan Cepat,karena ditangani oleh Programmer dan Desainer handal, sudah lebih dari 65 Website dibangun oleh CV. FR-SYSTEM
  2. Kami selalu memonitor Website anda, dan kami siap memperbaiki jika ada Error pada Website anda Kapan Saja tanpa di batasi waktu kontrak
  3. Website anda inginkan dapat disesuaikan sendiri /Costumize dengan keinginan desain yang anda sukai.
  4. Fasilitas Halaman, Konten, dll Unlimited dan dapat di Management Sendiri, karena Website FR-SYSTEM di bangun dengan Basic CMS buatan sendiri bukan CMS Open Source
  5. Harga Dapat di Nego, sesuai dengan Budaya Indonesia
  6. Domain dan Hosting dapat anda pilih sendiri sesuai dengan kapasitas yang anda inginkan

Jasa Pembuatan Website di Lampung

Kami Bukan yang Terbaik, Tetapi kami Akan Selalu Berusaha Untuk Menjadi yang Lebih Baik

Shoutbox/Komentar Pengunjung
  • a: :D
  • tya: kak mau tanya klo buat web e-marketing sesuai standar y biaya y brp ya
  • tes: tes
  • FR-SYSTEM: Alhamdulillah Baik Ri, Jarang Update Web. Mau Ganti yang baru aja belum sempet. lagi padet
  • Bahri Inspirasi: apa kabar pak ferdian,,,, lama tak berjumpa lagi...
  • FR-SYSTEM: Domain .com/.net/.org dan yg lainnya itu berbayar, bisa aja lanjutkesana, kalo mau coba belajar, mungkin pake domain gratis aja dulu misal co.cc , co.tv , dll
  • Rofiqul ahyar: pak ada lanjutan hosting kmren gak,,,,? sehabis hosting yg kyk kmren trz cara ngasih domain.com nya gimana pak,,,,,??
  • FR-SYSTEM: Maaf untuk Semua, karena kesibukan Ngajar, tesis, buat-buat program sampe2 ga sempet buka-buka website apalagi bales2 semua komentar masuk.
  • Galih: Sippp...... thanks gan ... ;):D
  • john: :D
  • dede: :roll: gan klo d gabung sama inner joinn gimana
  • David: Assalamualaikum pak. bagaimana kabar nya? maaf pak belum bisa main, padahal pengen main. saya masih di jakarta pak ampe akhir agustus
  • takjub: enak juga ya bisnis jasa beginian di Lampung, kayaknya masih jarang :)
  • jhbjjjhgjh: :):D;):(:O:P:S:roll:;(:@
  • kukuh: ;)
  • Agus: numpang promosi yee... butuh aplikasi buat data kesiswaan, sms harganya ya
  • asep: :D
  • coki: cara menampilkan link adrresbar biar tidak ada.php gimana pak misalkan artikel.php tapi diakses di browser gak ada phpnya melainkan artikel saja
  • agus supriadi: mas minta tutorialnya web si.....tolong kirim ke alamat ini agussupriyadi73@ymail.com
  • andre: rackhman ane ada gan tu tutorial PHP,MYSQL,DREAMWEAVER membuat web sederhana. semuanya ada 116 lembar minat sms 081930287416
Nama:

Isi Pesan Anda:
:) :D ;) :( :O :P :S :roll: ;( :@

Security : 3fuYl

Testimonial
Kami mengharapkan kritik dan saran anda guna menciptakan pelayanan kami yang lebih baik dan sempurna. Untuk itu kami selalu menerima catatan dan pemberitahuan dari pelanggan kami. << Kirim Testimonial >>

Facebook Fan

Twitter @frwebhost


Statistik Pengunjung
Hari ini : 948
Kemarin : 2068
Bulan ini : 32159
Tahun ini : 300003
Total : 306337
Hits Count : 1334090
Now Online : 1 User
Member : 18
Newsletter : 103
Check Google Page Rank