jQuery AJAX Methods

AJAX is an acronym standing for Asynchronous JavaScript and XML that is the art of exchanging data with a server without a browser page refresh.

jQuery is a great tool that provides a set of AJAX methods to develop the next generation of web application. This jQuery method is mostly used for requests where the other methods cannot be used.

Syntax:
$.ajax({name:value, name:value, ... })
Simple example:
$.ajax({
url: "ajax.php",
context: document.body
}).done(function() {
console.log('Done..');
});
$.ajax({
type:'GET',
url:'index.php',
dataType:'json',
data:"gender=male&age=25",
success:function(data){
console.log('Success..');
}
})

Here are possible names/values:

NameValue
asyncA Boolean value indicating whether the request should be handled asynchronous or not. Default is true
cacheA Boolean value indicating whether the browser should cache the requested pages. Default is true
beforeSend(xhr)A function to run before the request is sent
contentTypeThe content type used when sending data to the server. Default is: “application/x-www-form-urlencoded”
complete(xhr,status)A function to run when the request is finished (after success and error functions)
dataSpecifies data to be sent to the server
contextSpecifies the “this” value for all AJAX related callback functions
dataTypeThe data type expected of the server response.
dataFilter(data,type)A function used to handle the raw response data of the XMLHttpRequest
globalA Boolean value specifying whether or not to trigger global AJAX event handles for the request. Default is true
error(xhr,status,error)A function to run if the request fails.
jsonpA string overriding the callback function in a jsonp request
ifModifiedA Boolean value specifying whether a request is only successful if the response has changed since the last request. Default is: false.
passwordSpecifies a password to be used in an HTTP access authentication request.
jsonpCallbackSpecifies a name for the callback function in a jsonp request
scriptCharsetSpecifies the charset for the request
processDataA Boolean value specifying whether or not data sent with the request should be transformed into a query string. Default is true
timeoutThe local timeout (in milliseconds) for the request
success(result,status,xhr)A function to be run when the request succeeds
typeSpecifies the type of request. (GET or POST)
traditionalA Boolean value specifying whether or not to use the traditional style of param serialization
xhrA function used for creating the XMLHttpRequest object
usernameSpecifies a username to be used in an HTTP access authentication request
urlSpecifies the URL to send the request to. Default is the current page

For more details click on jQuery documentation.

Leave a Reply

Your email address will not be published. Required fields are marked *

thirteen + 10 =