jQuery getScript() Method
Last Updated :
12 Jul, 2023
Improve
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:
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:
