Skip to content
Related Articles

Related Articles

jQuery | ajaxSetup() Method
  • Last Updated : 05 Apr, 2019
GeeksforGeeks - Summer Carnival Banner

The ajaxSetup() method in jQuery is used to set the default values for future AJAX requests.

Syntax:

$.ajaxSetup( {name:value, name:value, ... } )

Parameters:

  • type: It is used to specify the type of request.
  • url: It is used to specify the URL to send the request to.
  • username: It is used to specify a username to be used in an HTTP access authentication request.
  • xhr: It is used for creating the XMLHttpRequest object.
  • async: It’s default value is true. It indicates whether the request should be handled asynchronous or not.
  • beforeSend(xhr): It is a function which is to be run before the request is being sent.
  • dataType: The data type expected of the server response.
  • error(xhr, status, error): It is used to run if the request fails.
  • global: It’s default value is true. It is used to specify whether or not to trigger global AJAX event handles for the request.
  • ifModified: It’s default value is false. It is used to specify whether a request is only successful if the response has changed since the last request.
  • jsonp: A string overriding the callback function in a jsonp request.
  • jsonpCallback: It is used to specify a name for the callback function in a jsonp request.
  • cache: It’s default value is true. It indicates whether the browser should cache the requested pages.
  • complete(xhr, status): It is a function which is to be run when the request is being finished.
  • contentType: It’s default value is: “application/x-www-form-urlencoded” and it is used when data send to the server.
  • context: It is used to specify the “this” value for all AJAX related callback functions.
  • data: It is used to specify data to be sent to the server.
  • dataFilter(data, type): It is used to handle the raw response data of the XMLHttpRequest.
  • password: It is used to specify a password to be used in an HTTP access authentication request.
  • processData: It’s default value is true. It is used to specify whether or not data sent with the request should be transformed into a query string.
  • scriptCharset: It is used to specify the charset for the request.
  • success(result, status, xhr): It is to be run when the request succeeds.
  • timeout: It is the local timeout for the request. It measured in terms of milliseconds.
  • traditional: It is used to specify whether or not to use the traditional style of param serialization.

Example 1: This example uses ajaxSetup() method to call data from other file.
geeks1_data.txt: This text file is called within HTML file.

Welcome to GeeksforGeeks



gfg.html




<!DOCTYPE html>
<html>
  
<head
    <title>jQuery ajaxSetup() Method</title>
      
    <script src=
    </script>
      
    <script>
        $(document).ready(function(){
            $("li:parent").css("background-color", "green");
        });
    </script>
</head
  
<body style="text-align:center;">
      
    <h1 id="geeks1" style="color:green">GeeksForGeeks</h1>
    <h2 id="geeks2">jQuery ajaxSetup() Method</h2>
    <h3></h3>
      
    <button>Click</button>
      
    <!-- Script to use ajaxSetup() method -->
    <script>
        $(document).ready(function() {
            $("button").click(function() {
                $.ajaxSetup({url: "geeks1_data.txt",
                            success: function(result) {
                    $("h3").html(result);
                }});
                $.ajax();
            });
        });
    </script>
</body>
  
</html>

Output:

  • Before clicking the button:
  • After clicking the button:

Example 2: This example illustrates ajaxSetup() method.




<!DOCTYPE html>
<html>
  
<head
    <title>jQuery ajaxSetup() Method</title>
      
    <script src=
    </script>
      
    <script>
        $(document).ready(function(){
            $("li:parent").css("background-color", "green");
        });
    </script>
</head
  
<body style="text-align:center;">
      
    <h1 id="geeks1" style="color:green">GeeksForGeeks</h1>
    <h2 id="geeks2">jQuery ajaxSetup() Method</h2>
      
    <button>Click</button>
      
    <!-- Script to use jQuery ajaxSetup() Method -->
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                $.ajaxSetup({url:"geek2_dat.txt", error:function(xhr) {
                    alert("Error: " + xhr.status + " " + xhr.statusText);
                }});
                $.ajax();
            });
        });
    </script>
</body>
  
</html>

Output:

  • Before clicking the button:
  • After clicking the button:

Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.

My Personal Notes arrow_drop_up
Recommended Articles
Page :