AJAX con POST y JSON, GET y XML, selectores CSS y Grid Layout: guía práctica para desarrolladores web

AJAX – POST y JSON

Ejemplo de envío de datos mediante POST y respuesta en formato JSON:

function enviaAjaxJSON(formulari) {
$.ajax({
type : "POST",
url : "respostaAjaxJSON.php",
dataType : "json",
data: { nombre: "Tyrion Lannister"},
success : function(respJSON) {
var nombre = respJSON.nombre;
var longitud = respJSON.longitud;
alert(nombre + " Longitud: " + longitud);
}
});
return false;
}

AJAX – GET y XML

Ejemplo de petición mediante GET con respuesta en formato XML:

function enviaAjaxXML(formulari) {
$.ajax({
type : "GET",
url : "respostaAjaxXML.php?nombre=Kara Thrace",
dataType : "xml",
success : function(xml) {
$(xml).find('info').each(function() {
var nombre = $(this).find('nombre').text();
var longitud = $(this).find('longitud').text();
alert(nombre + " Longitud: " + longitud);
});
}
});
return false;
}

Selectores CSS