Una de las ventajas que yo veía en $.ajax es el manejo del beforeSend, específicamente lo utilizaba para mostrar loadings al momento que ...

Edward Acu

Edward Acu

Pregunta
studenthace 6 años

Una de las ventajas que yo veía en $.ajax es el manejo del beforeSend, específicamente lo utilizaba para mostrar loadings al momento que se ejecutaba la función, muestro un ejemplo:

$.ajax({ beforeSend:function(){ openloading(); }, success: function(){ closeloading(); }, error: function(){ closeloading(); } });

como puedo tener esta funcionalidad con fetch? ya que lo que comprendí es que podría hacer algo como esto:

fetch('https://randomuser.me/api/') .then( function(response) { openloading(); return response.json() }) .then(function(user){ closeloading(); console.log('user', user.results[0].name.first) }) .catch(() =>console.log('algo fallo'))

Si alguna alma bondadosa me puede corregir

1 respuestas
para escribir tu comentario
    Eduardo Hidalgo Díaz Rugama

    Eduardo Hidalgo Díaz Rugama

    studenthace 6 años

    con un flag. Un flag es una variable booleana que sirve como estado de algo.

    tu flag podria llamarse "loading", y cuando sea true, significa que debe mostrar un progress bar, o una animación de loading, etc.

    En tu fetch, justo antes de ejecutarlo, debes hacer loading = true. cuando termine, debes hacer loadin = false.

Curso de jQuery a JavaScript 2018

Curso de jQuery a JavaScript 2018

Aprende a pasar código de jQuery a JS. Crea páginas dinámicas y animaciones en muy poco tiempo. Optimiza tu código jQuery y programa scripts de forma fácil y rápida con Javascript.

Curso de jQuery a JavaScript 2018
Curso de jQuery a JavaScript 2018

Curso de jQuery a JavaScript 2018

Aprende a pasar código de jQuery a JS. Crea páginas dinámicas y animaciones en muy poco tiempo. Optimiza tu código jQuery y programa scripts de forma fácil y rápida con Javascript.