Skip to content
Related Articles

Related Articles

Improve Article

jQuery | getScript() Method

  • Last Updated : 06 Mar, 2019

The getScript() method in jQuery is used to run a JavaScript using AJAX HTTP GET request.

Syntax:

$(selector).getScript(url, success(response, status))

Parameters: It contains two parameters as mentioned above and described below:

  • url: It is required parameter. It holds the url to whom the request is send to.
  • success(response, status): It is optional parameter. It holds the function to run if the request got success.
    • response: It holds the result data from the request.
    • status: It holds the status of the request like- “success”, “notmodified”, “error”, “timeout”, or “parsererror”.

The test.js file stored on server and it will load after clicking the change content button.

test.js
alert(“Get javaScript using AJAX HTTP GET request”);



Example 1: This example display an alert message from the JavaScript received by AJAX HTTP GET request.




<!DOCTYPE html> 
<html
    <head
        <script src
        </script
          
        <script
            $(document).ready(function() {
                $("button").click(function() {
                    $.getScript("test.js");
                });
            });
        </script
    </head
      
    <body style="text-align:center;"
      
        <h1 style = "color: green;">GeeksforGeeks</h1
          
        <p id = "paragraph" style= "font-size: 20px;">
            A computer science portal for geeks
        </p
  
        <button>
            Get JavaScript using an AJAX HTTP GET request.
        </button
    </body
</html>                    

Output:

  • Before click on the button:
  • After click on the button:

Example 2: This example use getScript() Method to display an alert message.




<!DOCTYPE html> 
<html
    <head
        <script src
        </script
          
        <!-- Script to use getScript() Method -->
        <script
            $(document).ready(function(){
                $("button").click(function(){
                    $.getScript("test.js", alert("JavaScript Received "));
                });
            });
        </script
    </head
      
    <body style="text-align:center;"
  
        <h1 style = "color: green;">GeeksforGeeks</h1
          
        <p id = "paragraph" style= "font-size: 20px;">
            A computer science portal for geeks
        </p
          
        <button>
            Get JavaScript using an AJAX HTTP GET request.
        </button
    </body
</html>                    

Output:

  • Before click on the button
  • After click on the button




My Personal Notes arrow_drop_up
Recommended Articles
Page :