# 18: Ajax e JSON - CSS-Tricks

Anonim

Há uma boa chance de que, no “mundo real”, a principal coisa para a qual você usa o Ajax é enviar e receber dados JSON. E por um bom motivo. JSON não presume nenhuma estrutura visual como o HTML. São apenas dados brutos e você pode fazer o que quiser com eles, o que geralmente é colocá-los em modelos. Isso descarrega parte do trabalho dos servidores para os clientes (navegadores). Você pode aprender mais sobre modelos de JavaScript em outro screencast.

jQuery tem uma função Ajax especial apenas para obter JSON, apropriadamente chamada de & .getJSON (). É extremamente semelhante a GET:

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

A diferença é que o objeto de dados no retorno de chamada é um objeto pronto para usar, cheio de dados com os quais você pode fazer o que quiser. Provavelmente percorra-o, acrescente coisas à página.

Até agora, falamos sobre $ .get, $ .post e $ .getJSON - mas é importante notar que todos esses são apenas métodos de conveniência que, em última análise, chamam $ .ajax. Se você preferir ser muito específico sobre todas as opções do Ajax, pode usar isso diretamente.