Categories: jQuery

jQuery AJAX Methods

Share

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:

Name Value
async A Boolean value indicating whether the request should be handled asynchronous or not. Default is true
cache A 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
contentType The 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)
data Specifies data to be sent to the server
context Specifies the “this” value for all AJAX related callback functions
dataType The data type expected of the server response.
dataFilter(data,type) A function used to handle the raw response data of the XMLHttpRequest
global A 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.
jsonp A string overriding the callback function in a jsonp request
ifModified A Boolean value specifying whether a request is only successful if the response has changed since the last request. Default is: false.
password Specifies a password to be used in an HTTP access authentication request.
jsonpCallback Specifies a name for the callback function in a jsonp request
scriptCharset Specifies the charset for the request
processData A Boolean value specifying whether or not data sent with the request should be transformed into a query string. Default is true
timeout The local timeout (in milliseconds) for the request
success(result,status,xhr) A function to be run when the request succeeds
type Specifies the type of request. (GET or POST)
traditional A Boolean value specifying whether or not to use the traditional style of param serialization
xhr A function used for creating the XMLHttpRequest object
username Specifies a username to be used in an HTTP access authentication request
url Specifies the URL to send the request to. Default is the current page

For more details click on jQuery documentation.

Recent Posts

Chat GPT Login: Step-by-Step Guide for Beginners

Have you ever thought of a world where asking the Internet for information feels like…

1 hour ago

The Sharp-Looking Guy: 5 Essential Tips for Men to Become Sharp

We've gotten so used to seeing men streetwear joggers, ripped jeans, and sleeveless shirts. Hair…

2 days ago

How to Use Your Wedding Jewellery In Unique Ways At Festivals

When it comes to festivals, the options for wedding jewellery are endless. You can go…

2 days ago

5 Tips On Window Cleaning

Whether it concerns your home or an office building, the state of a property’s windows…

2 days ago

Sustainable Business Practices: A Win-Win Strategy

You know that running an environmentally sustainable business is the right thing to do. But…

2 days ago

Unlock Growth – Guide to Online Financing and Business Loans for Entrepreneurs

If you are in a financial crisis , or need to start a new business…

2 days ago