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 :

Bootstrap Jumbotron et entete de page

Comment utiliser le composant jumbotron Bootstrap et le composant page-header.

padding-top

Définit la marge intérieure supérieure d'un élément

Détermine si une variable est de type nombre décimal

 Détermine si une variable est de type nombre décimal