# 18: Ajax et JSON - Astuces CSS

Anonim

Il y a de fortes chances que dans le «monde réel», la chose n ° 1 pour laquelle vous utilisez Ajax soit l'envoi et la réception de données JSON. Et pour une bonne raison. JSON ne présume aucune structure visuelle comme le fait HTML. Ce ne sont que des données brutes et vous pouvez en faire ce que vous voulez, ce qui est souvent mis dans des modèles. Cela décharge une partie du travail des serveurs vers les clients (navigateurs). Vous pouvez en savoir plus sur la création de modèles JavaScript dans un autre screencast.

jQuery a une fonction Ajax spéciale juste pour obtenir JSON, nommée de manière appropriée & .getJSON (). Cela ressemble extrêmement à GET:

$.getJSON( "http://codepen.io/chriscoyier/pen/EAIJj.js", function(data) ( // Success! Do stuff with data. console.log(data); ) );

La différence est que l'objet de données dans le rappel est un objet prêt à l'emploi rempli de données avec lesquelles vous pouvez faire tout ce que vous voulez. Une boucle probable à travers elle ajoute des éléments à la page.

Jusqu'à présent, nous avons parlé de $ .get, $ .post et $ .getJSON - mais il convient de noter que ce ne sont que des méthodes pratiques qui appellent finalement $ .ajax. Si vous préférez être très précis sur toutes vos options Ajax, vous pouvez l'utiliser directement.