2

Realizo una primera petición Ajax a la que anido una segunda y posteriormente a esta le anido otra. Las tres hacen el mismo tipo de operación y el código es exactamente igual salvo que se usan otras variables. Realizan la petición a la misma página y ejecutan el mismo método web en ella. Este método tiene seis parámetros. Veo depurando que la primera petición se ejecuta, pero las dos siguientes no. No logro encontrar el motivo puesto que la acción que realizan es idéntica y la estructura de la petición es igual, solo que la segunda está anidada a la primera y la tercera a la segunda.

Lo que me gustaría es encontrar qué aspecto en la estructura de mi código de las tres peticiones está incorrecto para que las dos peticiones anidadas no se ejecuten. Las variables que se pasan en las peticiones tienen un valor comprobado. No pretendo que examinéis conceptualmente el código, solo agradecería una revisión de la sintaxis.

Mi código es el siguiente:

$.ajax({
        type: "POST",
        url: "Respuestaajax.aspx/Respuestaaj",
        contentType: "application/json; charset=utf-8",
        data: '{"parametro":"set_session","valor":"ca_imp","tabla":"' + ca_imp + '","campo":"","criterio":"","v1":""}',
        dataType: "json",
        success: function (devolucion) {
            if (devolucion.d) {
              $.ajax({
                  type: "POST",
                  url: "Respuestaajax.aspx/Respuestaaj",
                  contentType: "application/json; charset=utf-8",
                  data: '{"parametro":"set_session","valor":"cpo_imp","tabla":"' + cpo_imp + '","campo":"","criterio":"","v1":""}',
                  dataType: "json",
                  success: function (devolucion) {
                      if (devolucion.d) {
                          $.ajax({
                              type: "POST",
                              url: "Respuestaajax.aspx/Respuestaaj",
                              contentType: "application/json; charset=utf-8",
                              data: '{"parametro":"set_session","valor":"cpd_imp","tabla":"' + cpd_imp + '","campo":"","criterio":"","v1":""}',
                              dataType: "json",
                              success: function (devolucion) {
                                  if (devolucion.d) {
                                  }
                              },
                              error: function (req, status, error) {
                                  alert("No hubo respuesta desde el servidor. Prueba otra vez.");
                              }
                          });
                      }
                  },
                  error: function (req, status, error) {
                      alert("No hubo respuesta desde el servidor. Prueba otra vez.");
                  }
              });
            }
        },
        error: function (req, status, error) {
            alert("No hubo respuesta desde el servidor. Prueba otra vez.");
        }
    });

Saludos

13
  • 1
    Yo haria lo que ponen en esta respuesta: stackoverflow.com/questions/22233650/… para que quede más claro todo
    – masterguru
    Commented el 30 mar. 2022 a las 11:30
  • Hola! He hecho lo que me propones, pero sigue funcionando igual. Realmente el cambio no supone realmente nada a nivel funcional, ya que cambiar devolucion por result y comprobar el valor devolucion.d de la primera o "ok" de la segunda arrojan el mismo resultado. Muchas gracias Commented el 30 mar. 2022 a las 11:57
  • He comprobado que el problema no se produce por el modo de hacer la estructura condicional en la propiedad success. La suprimí directamente para ver si se ejecutaba de cualquier forma la petición anidada pero no se ejecutaba tampoco. Lo extraño es que no me dispara la alerta que tengo puesta en caso de error. Commented el 30 mar. 2022 a las 12:06
  • 1
    Una versión en español de lo comentado por @masterguru: es.stackoverflow.com/questions/334324/… Commented el 30 mar. 2022 a las 12:31
  • 1
    Los success solo se ejecutan si la peticion da ok. Prueba a usar complete que se ejecuta aunque es status no sea ok y tal vez obtengas mas feedback Commented el 30 mar. 2022 a las 12:47

1 respuesta 1

0

El problema está en algo que aún me sigue sucediendo con el manejo de las peticiones Ajax. Y es que aquello que está fuera del código específico de la petición Ajax se va a ejecutar con normalidad de forma síncrona. En la pregunta que he formulado las dos peticiones anidadas no es que no se ejecutaran, sino que la interferencia del código siguiente a las peticiones estaba haciéndome creer que jamás se ejecutaban las peticiones segunda y tercera. Pero una vez finalizado el restante código he podido imprimir los valores devueltos y efectivamente se realizan las peticiones. Ahora tengo cuatro peticiones, incluyendo la que estaba fuera del anidamiento anterior como la tercera petición anidada. Como no se realiza hasta que se realice la tercera ahora todo lo que se tenía que hacer en esa petición sucede satisfactoriamente y con los valores de variables del servidor correctamente actualizadas previamente por las peticiones anteriores. Pongo el código como ha quedado funcionando. Por esa razón antes no recibía ningún error. Las peticiones se realizaban. Había además otro factor que me estaba confundiendo. La operación del código síncrono necesita bastante tiempo para finalizarse, y eso en un principio me llevaba a pensar que las peticiones anidadas habían desaparecido. Al final todo arreglado.

function importaralumnos() {
    
    var ca_imp = prompt("Curso académico de los alumnos a importar en formato nnnn/mmmm");
    var cpo_imp = prompt("Código del profesor de los alumnos a importar");
    var cpd_imp = prompt("Código del profesor al que se asignarán los alumnos a importar");

    $.ajax({
        type: "POST",
        url: "Respuestaajax.aspx/Respuestaaj",
        contentType: "application/json; charset=utf-8",
        data: '{"parametro":"set_session","valor":"ca_imp","tabla":"' + ca_imp + '","campo":"","criterio":"","v1":""}',
        dataType: "json",
        success: function (devolucion) {
            if (devolucion.d) {
              $.ajax({
                  type: "POST",
                  url: "Respuestaajax.aspx/Respuestaaj",
                  contentType: "application/json; charset=utf-8",
                  data: '{"parametro":"set_session","valor":"cpo_imp","tabla":"' + cpo_imp + '","campo":"","criterio":"","v1":""}',
                  dataType: "json",
                  success: function (devolucion) {
                      if (devolucion.d) {
                          $.ajax({
                              type: "POST",
                              url: "Respuestaajax.aspx/Respuestaaj",
                              contentType: "application/json; charset=utf-8",
                              data: '{"parametro":"set_session","valor":"cpd_imp","tabla":"' + cpd_imp + '","campo":"","criterio":"","v1":""}',
                              dataType: "json",
                              success: function (devolucion) {
                                  if (devolucion.d) {
                                      $.ajax({
                                          type: "POST",
                                          url: "Respuestaajax.aspx/Respuestaaj",
                                          contentType: "application/json; charset=utf-8",
                                          data: '{"parametro":"funcion","valor":"importaralumnos","tabla":"","campo":"","criterio":"","v1":""}',
                                          dataType: "json",
                                          success: function (devolucion) {
                                              if (devolucion.d) {
                                                  window.document.body.style.opacity = "1";
                                                  alert("La importación se ha realizado satisfactoriamente.");  //mensaje final       
                                              }
                                          },
                                          error: function (req, status, error) {
                                              alert("No hubo respuesta desde el servidor. Prueba otra vez.");
                                          }
                                      });
                                  }
                              },
                              error: function (req, status, error) {
                                  alert("No hubo respuesta desde el servidor. Prueba otra vez.");
                              }
                          });
                      }
                  },
                  error: function (req, status, error) {
                      alert("No hubo respuesta desde el servidor. Prueba otra vez.");
                  }
              });
            }
        },
        error: function (req, status, error) {
            alert("No hubo respuesta desde el servidor. Prueba otra vez.");
        }
    });
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.