AJAX Post dan Get dalam jQuery

357

Dengan Asyncrhronous JavaScript & XML atau AJAX kita dapat membangun web kita lebih user-friendly dan interaktif. Dengan menggunakan JavaScript AJAX dapat mengirim dan menerima data antara web server dan web browser tanpa harus mere-load ulang seluruh halaman.


Dalam jQuery, Ajax Post dan Ajax Get dapat diaplikasikan dengan menuliskan sintak seperti ini:

//AJAX Post

$.ajax({
type: ‘POST’,
url: url,
data: data,
success: success
dataType: dataType
});

Atau,

$.post(‘ajax/test.html’, function(data) {
$(‘.result’).html(data);
});

//AJAX Get

$.ajax({
url: url,
data: data,
success: success,
dataType: dataType
});

Atau

$.get(‘ajax/test.html’, function(data) {
$(‘.result’).html(data);
alert(‘Load was performed.’);
});

ajax-post-get

Demo Skrip
Download Skrip

SHARE
Previous articlejQuery UI : Modal Message
Next articleCSS3 : Box Shadow dan Box Rounded
"Jangan kecewa apabila hasil yang diperoleh tidak seperti yang diharapkan, Percaya bahwa semuanya adalah kesuksesan, bukan kegagalan. Mengapa saya punya banyak kesuksesan? saya tahu banyak usaha yang gagal." - Thomas Alfa Edison -