oujood.com

jQuery AJAX la méthode getScript() Charger un fichier JavaScript à partir du serveur à l'aide d'une requête HTTP GET, puis l'exécuter.

La méthode getScript() charge un fichier JavaScript à partir du serveur à l'aide d'une requête HTTP GET, puis l'exécute

chercher |

Définition et Usage la méthodegetScript()

La méthode getScript() est utilisée pour obtenir et exécuter un JavaScript à l'aide d'une requête AJAX HTTP GET.

Syntaxe

$(sélecteur).getScript(url,success(réponse,statut))

Paramètre Description
URL Obligatoire. Spécifie l'url qui reçoit la requête
Success(Réponse,Statut) Facultatif. Spécifie la fonction à exécuter si la requête réussit
Paramètres supplémentaires :
  • réponse - contient les données  résultat de la requête
  • statut - contient l'état de la requête ("success", "notmodified", "error", "timeout", or "parsererror")

Exemple Utiliser Ajax pour appeler et executer un JavaScript

Le JavaScript utilisé pour cet exemple se trouve ici JavaScript

Exemple :    📝  Copier le code

<!DOCTYPE html>
 <html>
 <head>
   <title>jQuery demo </title>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
 
<script>
$(document).ready(function(){
  $("button").click(function(){
    $.getScript("demo_script.js");
  });
});
</script>
</head>
<body>
 
<button>Utiliser Ajax pour appeler et exécuter un
JavaScript</button>
 
</body>
</html>

Exemple : Implimenter le plug-in officiel jQuery (couleur Animation) dynamiquement et lier quelques animations couleur une fois que la nouvelle fonctionnalité est chargée.

Exemple :    📝  Copier le code

<!DOCTYPE html>
 <html lang="en">
 <head>
      <meta charset="utf-8">
   <title>jQuery demo </title>
<style>
.block {
   background-color: blue;
   width: 200px;
   height: 100px;
   margin: auto;
} </style>
  <script
src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
 
<button>Exécuter &raquo; </button>
 
<div class="block"></div>
 
<script>
$.getScript("http://api.jquery.com/scripts/jquery.color.js",
function() {
  $("button").click(function(){
    $(".block").animate( { backgroundColor: "pink"
}, 1000)
      .delay(500)
      .animate( { backgroundColor:
"blue" }, 1000);
  });
});
</script>
</body>
</html>
Par gerywa 25 juillet 2014

Voir aussi nos tutoriel :

fonction sprintf, sprintf

Retourne une chaîne format e

fonction strnatcmp, strnatcmp

Comparaison de chaînes avec l'algorithme d'"ordre naturel"

fonction levenshtein

Calcule la distance Levenshtein entre deux chaînes