Description détaillée de l'utilisation de la méthode get dans JQuery 3.2.1

JQuery est une excellente bibliothèque JavaScript souvent utilisée dans le développement Web pour faire fonctionner le DOM, effectuer des requêtes asynchrones, gérer des événements, etc. La méthode la plus couramment utilisée est la méthode get. Cet article détaille l'utilisation de la méthode get dans JQuery 3.2.1.

1. méthode get

La méthode get est l'une des méthodes les plus couramment utilisées dans JQuery, qui peut obtenir des requêtes réseau pour le contenu d'une URL spécifiée.

Cette méthode a de nombreuses formes, notamment : jQuery.get( url [, data ] [, success ] [, dataType ] )和jQuery.getJSON( url [, data ] [, success ] )。其中，get()方法返回的是jqXHR对象，而getJSON()La méthode renvoie des données JSON.

2. Syntaxe de base

La syntaxe de base de la méthode get est la suivante :

$.get(url, [data], [callback], [type]);

Parmi eux, url représente l'adresse de la requête et data représente les données envoyées au serveur. le rappel est un paramètre facultatif, souvent une fonction anonyme, utilisé pour traiter les données renvoyées par le serveur. type indique le type de données renvoyé par le serveur et la valeur par défaut est xml.

3. Exemple

Ce qui suit est un exemple simple de la méthode get pour obtenir un fichier texte :

$("#button").click(function(){
    $.get("test.txt", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

Dans l'exemple ci-dessus, lorsque l'utilisateur clique sur le bouton, la fonction sera exécutée et la méthode get sera appelée. pour demander le contenu du fichier test.txt et afficher le contenu dans une fenêtre pop-up.

Ce qui suit est un autre exemple de la méthode get, utilisée pour obtenir des données JSON :

$.get("data.json", function(data, status){
    alert("Data: " + data + "\nStatus: " + status);
}, "json");

Dans l'exemple ci-dessus, nous utilisons la méthode get pour demander le contenu du fichier data.json et afficher les données dans une fenêtre contextuelle fenêtre. Notez que nous avons spécifié le type de données comme JSON.

4. Méthode getJSON

La méthode getJSON est similaire à la méthode get, elle peut obtenir des données JSON sur le serveur.

Voici la syntaxe de base de la méthode getJSON :

$.getJSON(url, [data], [callback]);

Parmi eux, les paramètres url, data et callback ont ​​la même signification que la méthode get.

Ce qui suit est un exemple simple :

$.getJSON("data.json", function(data){
    $.each(data, function(index, obj){
        alert(obj.name);
    });
});

Dans l'exemple ci-dessus, nous avons appelé la méthode getJSON pour demander le contenu du fichier data.json, parcouru les données JSON renvoyées, obtenu la valeur de name et l'avons affichée dans une pop. -fenêtre ouverte.

5. Résumé

Ce qui précède est un exemple simple d'utilisation de la méthode get et de la méthode getJSON dans JQuery 3.2.1. A travers ces exemples, nous pouvons voir l'utilisation de base de ces deux méthodes. Je pense que ces connaissances sont nécessaires pour les développeurs Web qui souhaitent approfondir leur apprentissage de JavaScript.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!