Maison > interface Web > js tutoriel > Comment puis-je charger et accéder de manière asynchrone aux données JSON locales avec jQuery ?

Comment puis-je charger et accéder de manière asynchrone aux données JSON locales avec jQuery ?

Mary-Kate Olsen
Libérer: 2024-12-04 18:48:12
original
252 Les gens l'ont consulté

How Can I Asynchronously Load and Access Local JSON Data with jQuery?

Chargement d'un fichier JSON local : gestion asynchrone

Lorsque vous essayez de charger un fichier JSON local à l'aide de la méthode $.getJSON de jQuery, vous pouvez rencontrer des problèmes où les données restent inaccessibles. Voici comment remédier à cette situation :

La méthode $.getJSON est asynchrone, ce qui signifie qu'elle ne bloque pas l'exécution de votre code. Cela implique que les données peuvent ne pas être disponibles lorsque vous essayez d'y accéder dans la ligne suivante.

Solution :

Pour gérer cela, vous devez fournir un rappel fonction comme argument de $.getJSON, où les données JSON seront passées en paramètre.

$.getJSON("test.json", function(json) {
    console.log(json); // this will show the info it in firebug console
});
Copier après la connexion

Dans cette fonction de rappel, vous pouvez accéder au JSON data, qui seront représentées dans le paramètre json. Vous pouvez maintenant enregistrer les données ou les utiliser selon vos besoins.

Remarque :

La fonction d'évaluation doit être évitée car elle peut introduire des failles de sécurité. Pensez plutôt à utiliser la fonction native JSON.parse pour analyser la chaîne JSON dans un objet 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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal