«
»

AJAX Request Menggunakan jQuery JavaScript Framework

AJAX (Asynchronous JavaScript and XML) merupakan teknologi pada JavaScript untuk melakukan HTTP requests secara “silent mode”. Dengan AJAX kita bisa melakukan request ke web server tanpa mereload atau merefresh seluruh halaman.

Untuk melakukan request ke server menggunakan Ajax kita bisa coding dari awal atau menggunakan library yang ada di framework-framework misal di jQuery. Berikut contoh code melakukan HTTP Request menggunakan AJAX di jQuery-nya:

Untuk request dengan POST method:

$.ajax({
   type : "POST",
   url : "submit.php",
   data : "name=Syamsul&location=Bogor",
   success : function(msg){
     alert("Data Saved: " + msg);
   }
 });
 
//atau bisa juga seperti ini
$.post("submit.php",
          {name : "syamsul", location :  "bogor"},
          function (msg){
                    alert("Data Saved: " + msg);
          }
);

Sedangkan untuk request dengan GET method seperti di bawah dengan mengganti parameter type menjadi GET pada method $.ajax.

$.ajax({
   type : "GET",
   url : "submit.php",
   data : "name=Syamsul&;location=Bogor",
   success : function(msg){
     alert("Data Saved: " + msg);
   }
 });
 
//atau bisa juga seperti ini
$.get("submit.php",
          {name : "syamsul", location :  "bogor"},
          function (msg){
                    alert("Data Saved: " + msg);
        }
);

Di sisi server seperti (menggunakan PHP):

//Untuk yang POST request:
$name 	= $_POST['name'];
$loc	= $_POST['location'];
//DO SOMETHING
//YOUR CODE HERE
 
//untuk GET request
$_name 	= $_GET['name'];
$loc	= $_GET['location'];
//DO SOMETHING
//YOUR CODE HERE

Mudah bukan? :D
Untuk melihat manual penggunaan jQuery lihat di http://visualjquery.com/ dan http://docs.jquery.com/Main_Page.


This entry was posted on Wednesday, January 27th, 2010 at 11:22 and is filed under JavaScript. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Related Contents


Leave a Reply