Saltar al contenido

ejemplo de código de manejo de errores js fetch

Deseamos brindarte la mejor respuesta que descubrimos en todo internet. Esperamos que te resulte de mucha utilidad y si quieres compartir algo que nos pueda ayudar a perfeccionar nuestra información siente la libertad de hacerlo..

Ejemplo 1: prueba catch fetch

fetch("/api/foo")
  .then( response => 
    if (!response.ok)  throw response 
    return response.json()  //we only get here if there is no error
  )
  .then( json => 
    this.props.dispatch(doSomethingWithResult(json)) 
  )
  .catch( err => 
    err.text().then( errorMessage => 
      this.props.dispatch(displayTheError(errorMessage))
    )
  )

Ejemplo 2: cómo manejar los errores de recuperación

function CheckError(response) 
  if (response.status >= 200 && response.status <= 299) 
    return response.json();
   else 
    throw Error(response.statusText);
  


// Now call the function inside fetch promise resolver
fetch(url)
  .then(CheckError)
  .then((jsonResponse) => 
  ).catch((error) => 
  );

Ejemplo 3: cómo manejar los errores de recuperación

const response = await fetch(url);
if (response.status >= 200 && response.status <= 299) 
  const jsonResponse = await response.json();
  console.log(jsonResponse);
 else 
  // Handle errors
  console.log(response.status, response.statusText);

Ejemplo 4: recuperar el manejo de errores js

export async function getStaticProps(context) 
  const res = await fetch(`https://...`)
  const data = await res.json()

  //use this statement for the program not to crush but go back to the home page
  if (!data) 
    return 
      redirect: 
        destination: '/',
        permanent: false,
      ,
    
  

  return 
    props: , // will be passed to the page component as props
  

Te mostramos reseñas y calificaciones

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *