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: