El método getScript() en jQuery se usa para ejecutar un JavaScript usando la solicitud AJAX HTTP GET .
Sintaxis:
$(selector).getScript(url, success(response, status))
Parámetros: contiene dos parámetros, como se mencionó anteriormente y se describe a continuación:
- url: Es un parámetro obligatorio. Contiene la URL a la que se envía la solicitud.
- éxito (respuesta, estado): es un parámetro opcional. Mantiene la función para ejecutar si la solicitud tiene éxito.
- respuesta: contiene los datos de resultado de la solicitud.
- estado: contiene el estado de la solicitud como: «éxito», «no modificado», «error», «tiempo de espera» o «error de análisis».
El archivo test.js se almacena en el servidor y se cargará después de hacer clic en el botón Cambiar contenido .
alerta de test.js
(«Obtenga javaScript usando la solicitud AJAX HTTP GET»);
Ejemplo 1: este ejemplo muestra un mensaje de alerta del JavaScript recibido por la solicitud AJAX HTTP GET.
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</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>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: este ejemplo utiliza el método getScript() para mostrar un mensaje de alerta.
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</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>
Producción:
- Antes de hacer clic en el botón
- Después de hacer clic en el botón
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA