es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Solicitar datos del servidor cuando otra respuesta se haya completado en JavaScript.

Solicito el servidor (escrito en Node.js) utilizando la función “fetch-api” de javascript. Quiero hacer varias solicitudes al servidor cuando el usuario hace clic en un botón.

¿Existe alguna forma de hacer esto en JavaScript?
Cuando el servidor responda, enviar la segunda solicitud.
Y cuando llegue la segunda respuesta.
Enviar la tercera solicitud y así sucesivamente…
Por favor, ayúdenme. ¡Gracias de antemano!

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Sí, hay una forma en JavaScript de hacer múltiples solicitudes al servidor utilizando la función “fetch-api”. Una forma de lograr esto es creando una función que tome la URL y el objeto de opciones como parámetros y devuelva una promesa que se resuelve con los datos obtenidos.

    Luego, puedes adjuntar un evento de clic al botón y, para cada clic, llamar a la función con la URL y las opciones apropiadas, esperando a que cada promesa se resuelva antes de hacer la siguiente solicitud.

    Aquí tienes un ejemplo de código utilizando la sintaxis async/await:

    async function fetchMultipleRequests() {
      try {
        const response1 = await fetch('url1', options1);
        const data1 = await response1.json();
    
        const response2 = await fetch('url2', options2);
        const data2 = await response2.json();
    
        const response3 = await fetch('url3', options3);
        const data3 = await response3.json();
    
        // Hacer algo con los datos obtenidos
      } catch (error) {
        console.error(error);
      }
    }
    
    document.querySelector('button').addEventListener('click', () => {
      fetchMultipleRequests();
    });
    

Comments are closed.