# 18: Ajax y JSON - Trucos CSS

Anonim

Existe una buena posibilidad de que en el "mundo real", la cosa # 1 para la que usa Ajax sea para enviar y recibir datos JSON. Y por una buena razón. JSON no presupone ninguna estructura visual como lo hace HTML. Son solo datos sin procesar y puede hacer con ellos lo que quiera, que a menudo se incluye en plantillas. Esto descarga parte del trabajo de los servidores a los clientes (navegadores). Puede obtener más información sobre las plantillas de JavaScript en otro screencast.

jQuery tiene una función Ajax especial solo para obtener JSON, con el nombre apropiado & .getJSON (). Parece extremadamente similar a GET:

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

La diferencia es que el objeto de datos en la devolución de llamada es un objeto listo para usar lleno de datos con los que puede hacer lo que quiera. Es probable que lo recorras y agregue cosas a la página.

Hasta ahora hemos hablado de $ .get, $ .post y $ .getJSON, pero vale la pena señalar que todos estos son métodos de conveniencia que finalmente llaman $ .ajax. Si prefiere ser muy específico sobre todas sus opciones de Ajax, puede usarlo directamente.