Retornar la respuesta de un ajax

Question

Hola tengo la siguiente funcion de jquery

  (function ($) { 
$.onlyData = function (id) {
        var respuesta;
        var datos =$(id).data("sql");
        datos=datos.split("-")
        var campoBD = datos[0];
        var tableModel = datos[1];
        var arr = $(id).val();
        var parametros = {
            "Field": {
                "Data": arr
            }
        };
        $.ajax({
            data: parametros,
            url: '/Desarrollo/consultar_existencia/' + campoBD + "/" + tableModel,
            type: 'post',
            dataType: "json",
            success: function (response) {
                console.log(response);
                respuesta=(response);
            },
            error: function (jqXHR, textStatus, errorThrown) {
                console.log(jqXHR);
            }
        });

        return "chap"+respuesta;
    }
})(jQuery);

Y cuando le doy click a un boton

entra aqui:

var unico = 0;
        alert($.onlyData("#" + $(".txtEmail").attr("id")));

pero el alert llega así:

y necesito la respuesta del ajax para una validacion y la cosa es que el console si muestra bn el response:

Necesitas un callback. Conteste una respuesta similar aqui: https://es.stackoverflow.com/questions/169297/reutilizar-ajax/169300#169300 — alanfcm, Jun 20 '18 at 15:39
el problema es el asincronismo que tienes al ejecutar la funcion , este tipo de errores las funciones no esperan resultados debes trabajar con promesas ,que esta en el enlace que te dio @alanfcm — JackNavaRow, Jun 20 '18 at 16:24

Santiago Laredo · Accepted Answer · 2018-06-20T16:23:59.093

0

Entiendo que tienes el valor de la respuesta al momento de imprimir el console log, pero no al momento de retornar la variable respuesta.

Esto se debe que ajax es asíncrono y al momento de hacer el return tu función ajax aún no se ha resuelto.

Para capturar la respuesta de un ajax te sugiero que dentro de tu función Success, después de obtener una respuesta introduzcas tu función de validación, Ej:

success: function (response) {
    console.log(response);
    respuesta=(response);
    runMyValidations(response);
},

Como sugerencia alternativa (y que considero de mala práctica), puedes acomodar el valor de tu response en un elemento HTML y después tomar de ahí mismo.

EJ:

success: function (response) {
    $('#responseValue').html(response);
},

Posteriormente consultas el valor

var myResponse = $('#responseValue').html();

Hay una tercer alternativa: puedes utilizar la propiedad async:false, el cual detiene la ejecución del código hasta que tu ajax responda.

Espero te sirva de algo, Saludos.

edited Jun 20 '18 at 16:23

answered Jun 20 '18 at 16:14

Santiago Laredo

16
2

lamentablemente el async: false esta deprecado y no va a funcionar – JackNavaRow Jun 20 '18 at 16:24
Confirmo que está deprecado pero por alguna razón me funciona apesar de jquery 3.3.1 ' ' – Santiago Laredo Jun 20 '18 at 16:36
te aseguro que falla con una version actualizada de firefox – JackNavaRow Jun 20 '18 at 16:37
1

Lo hice con el async, y funciono perfecto – Andrés Vélez Jun 20 '18 at 16:53
Cuando usas `async: false`, pierdes el poder de Ajax. La "A" en Ajax significa "Async". – alanfcm Jun 20 '18 at 17:30
Hola @alanfcm ¿tienes alguna alternativa? – Santiago Laredo Jun 20 '18 at 20:47

Retornar la respuesta de un ajax

1 Answers1