How to implement Ajax call using jQuery

[Saman]

This is the most simple way to implement an Ajax call using jQuery. Change formId and inputFieldId with the ID of the form and input field you have to submit:

Code: Select all

<script type="text/javascript">
$(document).ready(function(){
	$("form#formId").submit(function() {
		inputField = $('#inputFieldId').attr('value');
		$.ajax({
			type: "POST",
			url: "yourpage.php",
			cache: false,
			data: "inputField ="+ inputField,
			success: function(html){
				$("#ajax-results").html(html);
			}
		});
		return false;
	});
});
</script>