Definición de la función de devolución de llamada de éxito de jQuery ajax

Quiero usar jQuery ajax para recuperar datos de un servidor.

Quiero poner la definición de la función de devolución de llamada exitosa fuera del .ajax()bloque como se muestra a continuación. Entonces, ¿necesito declarar la variable de dataFromServerla siguiente manera para poder utilizar los datos devueltos de la devolución de llamada exitosa?

He visto a la mayoría de la gente definir la devolución de llamada exitosa dentro del .ajax()bloque. Entonces, ¿es correcto el siguiente código si quiero definir la devolución de llamada exitosa afuera?

var dataFromServer;  //declare the variable first

function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData(dataFromServer)
    })
}

function handleData(data) {
    alert(data);
    //do some stuff
}

Solo usa:

function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData
    })
}

La successpropiedad requiere solo una referencia a una función y pasa los datos como parámetro a esta función.

Puede acceder a su handleDatafunción de esta manera debido a la forma en que handleDatase declara. JavaScript analizará su código para las declaraciones de funciones antes de ejecutarlo, por lo que podrá usar la función en el código que está antes de la declaración real. Esto se conoce como elevación .

Sin embargo, esto no cuenta para funciones declaradas como esta:

var myfunction = function(){}

Estos solo están disponibles cuando el intérprete los aprobó.

Consulte esta pregunta para obtener más información sobre las 2 formas de declarar funciones

La "nueva" forma de hacer esto desde jQuery 1.5 (enero de 2011) es usar objetos diferidos en lugar de pasar una successdevolución de llamada. Debe devolver el resultado de $.ajaxy luego usar los métodos .done, .failetc. para agregar las devoluciones de$.ajax llamada fuera de la llamada .

function getData() {
    return $.ajax({
        url : 'example.com',
        type: 'GET'
    });
}

function handleData(data /* , textStatus, jqXHR */ ) {
    alert(data);
    //do some stuff
}

getData().done(handleData);

Esto desacopla el manejo de devolución de llamada del manejo de AJAX, le permite agregar múltiples devoluciones de llamada, devoluciones de llamada fallidas, etc., todo sin necesidad de modificar la getData()función original . ¡Separar la funcionalidad AJAX del conjunto de acciones que se completarán después es algo bueno! .

Los diferidos también permiten una sincronización mucho más fácil de múltiples eventos asincrónicos, lo que no se puede hacer fácilmente solo con success:

Por ejemplo, podría agregar múltiples devoluciones de llamada, un controlador de errores y esperar a que transcurra un temporizador antes de continuar:

// a trivial timer, just for demo purposes -
// it resolves itself after 5 seconds
var timer = $.Deferred();
setTimeout(timer.resolve, 5000);

// add a done handler _and_ an `error:` handler, even though `getData`
// didn't directly expose that functionality
var ajax = getData().done(handleData).fail(error);

$.when(timer, ajax).done(function() {
    // this won't be called until *both* the AJAX and the 5s timer have finished
});

ajax.done(function(data) {
    // you can add additional callbacks too, even if the AJAX call
    // already finished
});

Otras partes de jQuery también usan objetos diferidos: puede sincronizar las animaciones de jQuery con otras operaciones asíncronas muy fácilmente con ellas.

No sé por qué está definiendo el parámetro fuera del script. Eso es innecesario. Su función de devolución de llamada se llamará con los datos de retorno como parámetro automáticamente. Es muy posible definir su devolución de llamada fuera del sucess:ie

function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData
    })
}

function handleData(data) {
    alert(data);
    //do some stuff
}

se llamará a la función handleData y la función ajax le pasará el parámetro.

Intente reescribir su controlador de éxito para:

success : handleData

La propiedad de éxito del método ajax solo requiere una referencia a una función.

En su función handleData puede tomar hasta 3 parámetros:

object data
string textStatus
jqXHR jqXHR

Yo escribiría :

var handleData = function (data) {
    alert(data);
    //do some stuff
}


function getData() {
    $.ajax({
        url : 'example.com',
        type: 'GET',
        success : handleData
    })
}

No es necesario declarar la variable. La función de éxito de Ajax toma automáticamente hasta 3 parámetros:Function( Object data, String textStatus, jqXHR jqXHR )

después de unas horas juega con él y casi se vuelve aburrido. El milagro vino a mí, funciona.

<pre>


var listname = [];   


 $.ajax({
    url : wedding, // change to your local url, this not work with absolute url
    success: function (data) {
       callback(data);
    }
});

function callback(data) {
      $(data).find("a").attr("href", function (i, val) {
            if( val.match(/\.(jpe?g|png|gif)$/) ) { 
             //   $('#displayImage1').append( "<img src='" + wedding + val +"'>" );
                 listname.push(val);
            } 
        });
}

function myfunction() {

alert (listname);

}

</pre>

En su componente, es decir, código JS angular:

function getData(){
    window.location.href = 'http://localhost:1036/api/Employee/GetExcelData';
}