Membuat AJAX Search

May 2, 2011 By Ellyx Christian   Level: Menengah Komentar Print Download Pdf
Tutorial Membuat AJAX Search atau skrip pencarian data menggunakan AJAX. Tutorial ini adalah kelanjutan dari tutorial Membuat Searching (Skrip Pencarian Data). Sebelum mengikuti tutorial ini ada baiknya untuk mengikuti tutorial AJAX sebelumnya. AJAX search bisa diterapkan pada quick search. Hasil akhir tutorial ini adalah skrip pencarian seperti google instant search. Tutorial ini menggunakan jQuery, jQuery bisa didownload di website jQuery, atau bisa juga menggunakan google CDN http://code.google.com/apis/libraries/devguide.html#jquery.

Tutorial AJAX search ini masih menggunakan tabel siswa...
Read more »

PHP AJAX jQuery

Nov 12, 2010 By Ellyx Christian   Level: Menengah Komentar Print
Tutorial PHP AJAX jQuery ini merupakan versi kedua dari Tutorial AJAX JQuery. Tutorial kedua ini dibuat karena ada banyak yang tidak mengerti dengan tutorial versi pertama. Sebelum mengikuti tutorial ini silahkan download jQuery di jQuery.com.

Seperti dijelaskan sebelumnya di Tutorial AJAX JQuery. AJAX memerlukan XMLHttpRequest Object untuk dapat me-request sebuah halaman web secara Asynchronous. Untuk membentuk object XMLHttpRequest dijelaskan di Tutorial Dasar Dasar Ajax. Dengan adanya jQuery anda tidak perlu lagi memikirkan kode javascript untuk membentuk object XMLHttpRequest. jQuery akan...
Read more »

Upload Gambar Dengan AJAX

Jun 30, 2010 By MyPHPtutorials   Level: Mahir Komentar Print

Di tutorials Upload Gambar Dengan php sudah dijelaskan cara mengupload file dengan PHP. Tutorial Upload Gambar dengan AJAX akan menggunakan cara yang sama dengan yang digunakan di tutorial tersebut, ditambahan sedikit trik dan javascript. Untuk meng-upload gambar dengan AJAX diperlukan bantuan  <iframe>. Di tutorial upload gambar dengan PHP digunakan html form seperti di bawah:

<!--form to upload file-->
<form name="formupload" method="post" enctype="multipart/form-data" action="script/to/upload/file.php">
   Picture : <input name="picture" type="file" />
   <input type="submit" name="upload" value="Upload" />
</form>

Read more »

Tutorial AJAX JQuery

May 4, 2010 By MyPHPtutorials   Level: Menengah Komentar Print

Di tutorial tutorial ajax sebelumnya telah dijelaskan tentang kosep dasar AJAX dimana AJAX merupakan kombinasi dari:

  • XMLHttpRequest object
  • JavaScript/DOM
  • CSS
  • XML

AJAX memelukan XMLHttpRequest Object untuk dapat me-request sebuah halaman web secara Asynchronous. Di tutorial sebelumnya juga telah dijelaskan cara membentuk XMLHttpRequest Object. Dimana pembentukan XMLHttpRequest Object ini berbeda disetiap browser. Sehingga setiap membuat javascript untuk membentuk XMLHttpRequest Object perlu memperhatikan kompatibelitas script disetiap browser. Membuat javascript yang kompatibel dengan setiap browser tidaklah mudah dilakukan. Salah satu cara untuk mengatasi kompatibelitas bisa digunakan JQuery. Dengan JQuery tidak perlu lagi ada pertanyaan seperti ini "Apakah script ini akan berjalan di browser A?" atau "Apakah script ini  berfungsi dengan baik di browser B?".


Read more »
Tags: ajax, jquery

Ajax & PHP : Menyimpan Data ke Database dengan AJAX

Feb 20, 2010 By MyPHPtutorials   Level: Menengah Komentar Print Download Pdf

Di tutorial Ajax & PHP : Menyimpan Data ke Database dengan AJAX ini anda akan belajar menyimpan data ke database mysql dengan ajax. Untuk menyimpan data ke database dengan ajax, ada tiga langkah yang perlu anda lakukan :

  1. Bentuk XMLHttpRequest object,
  2. Kirim data yang akan disimpan ke database dengan method send dari XMLHttpRequest, dan
  3. Buat handle Page untuk menyimpan data ke database.

Read more »