Archive

Posts Tagged ‘JQuery’

AJAX using JQuery

July 12, 2010 Leave a comment

We follow the same steps as in the previous blog entry except that we use a different javascript framework this time. The only thing that changes is the javascript in the code.

The javascript function now changes to…


$.ajax({
url: "../upperCaseSubmit.do",
type: "GET",
data: $('#textForm').serialize(),
cache: false,
success: function (response) {
$('#result').html(response).fadeIn('fast');
$('#result').html(response).fadeOut(2000);
},
error: function(){
alert("Error in processing the request");
}
});

Note: I have included some animation (fadeIn and fadeOut) which is not there in the code I created with Prototype.
Ajax.Responders in Prototype can be replaced by Jquery’s Ajax Events.

Advertisements