Untuk melakukan fungsi-fungsi jQuery ajax ini, syarat pertama yang harus dipenuhi adalah referensi ke file javascript jQuery.

https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js

Selanjutnya, berikut ini adalah beberapa contoh penggunaannya:

HTML

<select id="29" class="updateme" name="status">
<option value="29:1">Sudah</option>
<option value="29:0">Belum</option>
</select>

Javascript, bisa ditaruh di bagian bawah sebelum tag

<script type="text/javascript">
$(document).ready(function() {
	$('.updateme').change(function(e) {
	  	//Grab the chosen value on first select list change 
	  	var selectvalue = $(this).val(); 
	  	var idTarget = this.id; 
	 	// alert (this.id);
	  	$.ajax({url: 'update?update='+selectvalue,
	  		success: function(output) { 
			   	// alert(selectvalue.substring(selectvalue.indexOf(':')+1));  
			   	if(selectvalue.substring(selectvalue.indexOf(':')+1)=='1')
			  		$('#update'+idTarget).removeClass('danger');
			  	else 
			  		$('#update'+idTarget).addClass('danger'); 
			 		// $('#update'+idTarget).html(output);  
			}, 
			error: function (xhr, ajaxOptions, thrownError) { 
		 	alert(xhr.status + " "+ thrownError);  }
	 	});  
	}); 
});
</script>

Contoh di atas bisa digunakan pada kontrol seperti dropdown, text, radio, dsb.

Untuk button, fungsi yang dipanggil adalah

$('.updateme').click(function(e) {}

Selamat mencoba

Advertisements