erknrio of Programming Guanches
3/18/2016 - 3:10 PM

Devuelve datos de una llamada asíncrona realizada con AJAX. FROM: http://stackoverflow.com/questions/400197/extracting-ajax-return-data-in-j

Devuelve datos de una llamada asíncrona realizada con AJAX. FROM: http://stackoverflow.com/questions/400197/extracting-ajax-return-data-in-jquery EJEMPLO: http://jsfiddle.net/9duek/

devolver_datos_ajax_event.js
content_copyfile_download
var myResponseFunction = function (data) {
  $('#response').html('data: ' + JSON.stringify(data));
};

// Creamos la funcion y le agregamos el parametro callback
// (ademas de otros que pueda necesitar)
function myAJAXFunction(event) {
    $.ajax({
        method: 'POST',
        url: '/echo/json/',
        dataType: 'json',
        data: {
            json: JSON.stringify({
                'foo': 'bar'
            })
        }
    }).done(function(response) {
      // Una vez se raliza la peticion devolvemos la respuesta
      myResposeFunction(response);
    }).fail(function (jqXHR, textStatus, errorThrown) {
      window.console.error('Error ' + textStatus + ': ' + errorThrown);
    });
}

// Invocamos a la funcion que hace la llamada AJAX y
// le pasamos como parametro la funcion que gestionara la respuesta AJAX
$('#button').on('click', myAJAXFunction);

// Ejemplo
// http://jsfiddle.net/erknrio/13w9fqye/
devolver_datos_ajax2.js
content_copyfile_download
var myResponseFunction = function (data) {
  $('#response').html('data: ' + JSON.stringify(data));
};

// Creamos la funcion y le agregamos el parametro callback
// (ademas de otros que pueda necesitar)
function myAJAXFunction(callback) {
    $.ajax({
        method: 'POST',
        url: '/echo/json/',
        dataType: 'json',
        data: {
            json: JSON.stringify({
                'foo': 'bar'
            })
        }
    }).done(function(response) {
      // Una vez se raliza la peticion devolvemos la respuesta
      callback(response);
    }).fail(function (jqXHR, textStatus, errorThrown) {
      window.console.error('Error ' + textStatus + ': ' + errorThrown);
    });
}

// Invocamos a la funcion que hace la llamada AJAX y
// le pasamos como parametro la funcion que gestionara la respuesta AJAX
myAJAXFunction(myResponseFunction);

// Ejemplo
// https://jsfiddle.net/erknrio/my1jLfLr/
devolver_datos_ajax.js
content_copyfile_download
// Creamos la funcion y le agregamos el parametro callback
// (ademas de otros que pueda necesitar)
function myFunction(callback) {
    $.ajax({
        method: 'POST',
        url: '/echo/json/',
        dataType: 'json',
        data: {
            json: JSON.stringify({
                'foo': 'bar'
            })
        }
    }).done(function(response) {
      // Una vez se raliza la peticion devolvemos la respuesta
      callback(response);
    }).fail(function (jqXHR, textStatus, errorThrown) {
      window.console.error('Error ' + textStatus + ': ' + errorThrown);
    });
}

// Invocamos a la funcion creada anteriormente
// usando una funcion anonima como parametro
myFunction(function(response) {
  // Recibimos la respuesta y ya podemos manejarla
  $('#response').html('response: ' + JSON.stringify(response));
});