Scribd
Upload
247 views

Ajax Jquery Ajax

This document describes the jQuery.ajax() method, which loads remote content using an HTTP request. It takes an options object as a parameter to configure the request. Key options include the URL, callback functions for success, error, and completion, and settings like async, data type, and HTTP method. The example loads content from an external HTML file into a div on button click by specifying the URL and a success callback.

Uploaded by

Alex
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
247 views

Ajax Jquery Ajax

This document describes the jQuery.ajax() method, which loads remote content using an HTTP request. It takes an options object as a parameter to configure the request. Key options include the URL, callback functions for success, error, and completion, and settings like async, data type, and HTTP method. The example loads content from an external HTML file into a div on button click by specifying the URL and a success callback.

Uploaded by

Alex
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

JQUERY - JQUERY.

AJAXOPTIONS METHOD
http://www.tutorialspoint.com/jquery/ajax-jquery-ajax.htm Copyright © tutorialspoint.com

Description
The jQuery.ajaxoptions method loads a remote page using an HTTP request.

$.ajax() returns the XMLHttpRequest that it creates. In most cases you won't need that object to
manipulate directly, but it is available if you need to abort the request manually.

Syntax
Here is the simple syntax to use this method −

$.ajax( options )

Parameters
Here is the description of all the parameters used by this method −

options − A set of key/value pairs that configure the Ajax request. All options are optional.

Here is the list of option which could be used as key/value pairs. Except URL, rest of the
parameters are optional −

S.No. Option & Description

1 async

A Boolean indicating whether to perform the request asynchronously. The default value
is true.

2 beforeSend

A callback function that is executed before the request is sent.

3 complete

A callback function that executes whenever the request finishes.

4 contentType

A string containing a MIME content type to set for the request. The default value is
application/x-www-form-urlencoded.

5 data

A map or string that is sent to the server with the request.

6 dataFilter

A function to be used to handle the raw responsed data of XMLHttpRequest. This is a


pre-filtering function to sanitize the response.

7 dataType

A string defining the type of data expected back from the server xml, html, json, orscript.
8 error

A callback function that is executed if the request fails.

9 global

A Boolean indicating whether global AJAX event handlers will be triggered by this
request. The default value is true.

10 ifModified

A Boolean indicating whether the server should check if the page is modified before
responding to the request.

11 jsonp

Override the callback function name in a jsonp request.

12 password

A password to be used in response to an HTTP access authentication request.

13 processData

A Boolean indicating whether to convert the submitted data from an object form into a
query-string form. The default value is true.

14 success

A callback function that is executed if the request succeeds.

15 timeout

Number of milliseconds after which the request will time out in failure.

16 timeout

Set a local timeout inmilliseconds for the request.

17 type

A string defining the HTTP method to use for the request GETorPOST. The default value is
GET.

18 url

A string containing the URL to which the request is sent.

19 username

A username to be used in response to an HTTP access authentication request.

20 xhr

Callback for creating the XMLHttpRequest object. Defaults to the ActiveXObject when
available IE, the XMLHttpRequest otherwise.
Example
Assuming we have following HTML content in result.html file −

<h1>THIS IS RESULT...</h1>

Following is a simple example a simple showing the usage of this method. Here we make use of
success handler to populate returned HTML −

<html>
<head>
<title>The jQuery Example</title>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script type="text/javascript" language="javascript">


$(document).ready(function() {
$("#driver").click(function(event){
$.ajax( {
url:'result.html',
success:function(data) {
$('#stage').html(data);
}
});
});
});
</script>

</head>

<body>

<p>Click on the button to load result.html file:</p>

<div >
STAGE
</div>

<input type="button" />

</body>

</html>

This will produce following result −

Loading [MathJax]/jax/output/HTML-CSS/fonts/TeX/fontdata.js

You might also like