Open In App

jQuery getScript() Method

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

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 a required parameter. It holds the url to whom the request is sent to.
  • success(response, status): It is an optional parameter. It holds the function to run if the request got successful.
    • 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.

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.

html




<!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:

jQuery-94

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

html




<!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:

jQuery-95



Last Updated : 12 Jul, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads