jQuery | método getScript()

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *