6
votos
Como usar promise.all() en async/await?
Lo que hace Promise.all() es esperar a todas las promesas dentro de un array, es importante recalcar que en el momento en que una de todas las promesas del array falle, todo el Promise.all() lo hará y ...
6
votos
¿Cual es la diferencia entre la API Fetch y la API Rest? , ¿Puedo utilizar Fetch en una Rest Api?
Browser APIs
Son APIs del browser los distintos grupos de features con que el desarrollador de frontend puede interactuar. Engloban un conjunto muy acotado de clases, funciones, eventos, interfaces, ...
5
votos
No me hace el calculo cuando selecciono un option del select después de haber ingresado el valor con el que debe multiplicarse
Si buscas por el id receptor puedes hacer algo como
function OpcionChange(identidad, receptor){
let valor = document.getElementById(identidad).value;
fetch('/consulta'+valor+'/opcion')
.then((...
5
votos
Aceptado
No me hace el calculo cuando selecciono un option del select después de haber ingresado el valor con el que debe multiplicarse
Para evitar peticiones AJAX cada que se hagan cambios en los select te recomiendo usar atributos de datos (dataset) que puedes aplicar a cada option y queda solo la función Total_manobra() para ...
5
votos
¿Cual es la diferencia entre la API Fetch y la API Rest? , ¿Puedo utilizar Fetch en una Rest Api?
Creo que tienes una confusión importante: Fetch es un API disponible en el navegador, una serie de funcionalidades implementadas para hacer llamadas HTTP asíncronas.
REST es un estilo arquitectural, ...
5
votos
Problema con el uso de promesas
Por mucho que las promesas o la sintaxis intenten ocultarlo, cuando trabajas en modo asíncrono no puedes gestionar las respuestas de modo síncrono. Por tanto, necesitas hacer algo como
function ...
4
votos
Aceptado
Hacer una peticion GET con fetch
Las cabeceras y los parámetros son cosas totalmente diferentes, quizá esto sea más aproximado a lo que buscas y que es lo recomendado por el fetch standard
async function request(){
let url = new ...
4
votos
Aceptado
Promesas autoejecutables con fetch
Bueno puedes hacerlo así. Puedes pasar los parametros a tu función IIFE(Expresión de función ejecutada inmediatamente) tal como se pasan a cualquier otra función cuando se invoca.
Pero la verdad es ...
4
votos
Aceptado
¿Cómo hacer fetch a un documento JS?
No te funciona porque intentas procesarlo como un documento JSON:
fetch('js/modulos/ultimate-001.js') // pide el fichero
.then(response => response.json())// toma la respuesta e intenta un JSON....
4
votos
Aceptado
Problema con foreach dentro de un async await
Cambia el forEach por un for
for (let i = 0; i < results.length; i++) {
const pokeRes = await fetch(`https://pokeapi.co/api/v2/pokemon/${pokemon.name}`);
const pokeData = await ...
4
votos
¿Cómo acceder a los archivos enviados con fetch desde php?
Te cuento algo
Para enviar archivos a través de AJAX con Fetch deberías enviar tus datos con un FormaData y el header Content-Type con el valor multipart/form-data
Como en el siguiente ejemplo:
<...
3
votos
Fetch access-control-allow-origin
De lado del servidor, es decir, en tu API agrega las siguientes linea para permitir que se pueda accesar desde afuera del servidor:
header('Access-Control-Allow-Origin: *');
//aquí agregamos solo los ...
3
votos
Aceptado
Fatal error: Call to a member function fetch_all() on boolean in
El error es originado en el statment anterior, $this->db->query("SELECT * FROM CLIENTES");, que devuelve false. Luego no tiene sentido llamar la función fetch_all(MYSQLI_ASSOC); de false.
En ...
3
votos
Aceptado
Error al pintar los datos en una tabla por medio de una petición con la API fetch
Crea cada fila dentro del bucle, de lo contrario no saltará en cada usuario.
Además haz el inner una sola vez, fuera del bucle, dentro recoge cada fila en una variable solamente. Cada vez que haces ...
3
votos
Aceptado
¿Cómo acceder a un vector obtenido después de usa sentencia fetch en JavaScript?
Estás creando un array de manera sincrónica y le estás asignando propiedades de manera asincrónica y por último accediendo a su valor de manera sincrónica. Eso te crea un race condition ya que como un ...
3
votos
Aceptado
API con Fetch "next page"
puedes hacerlo asi:
'use strict'
var personajes = document.querySelector(".personajes");
getPersonajes();
// configuramos un valor por defecto para url en caso de que no ...
3
votos
Access to fetch at '(url)' from origin '(localhost)' has been blocked by CORS
De acuerdo a documentación puedes pasarle una propiedad mode: cors
fetch('https://wallhaven.cc/api/v1/search?sorting=random',
{ method: 'GET',
headers: misCabeceras,
mode: 'cors', // <---
...
3
votos
Aceptado
La respuesta CORS no tuvo éxito
Un error de CORS está asociado al backend, en DJango debes de habilitar el CORS para que puedas consumirlo desde React.
En POSTMAN funciona, porque tiene una extensión que permite saltar el problema ...
3
votos
Aceptado
Buscar un objeto JSON dentro de un array utilizando una propiedad del objeto
Puedes hacerlo con un filter.
const responseData = [
{
"code": "AA1",
"id": 1,
"name": "Ubication 1"
},
{
"code": "AA2",
"id": 2,
"name": "Ubication 2"
},
{
...
3
votos
Problema en el uso de fetch javascript con PHP
Lo que pasa es que PHP no puede parsear un POST en el que viene un objeto JSON enviado por fetch, por eso tu POST llega vacio, tenes que modificar tu archivo de PHP a algo como:
$payload = ...
3
votos
Aceptado
Exportar archivo excel con ajax (php y javascript)
Para poder descargarlo desde el cliente debes usar get ,y en php solo retornas el documento
const downLoadFormat = () => {
let routeDownload =url;
var form = document....
3
votos
405 (METHOD NOT ALLOWED) javascript y flask
El método route() por default soporta el método GET, según indica la documentación.
The methods parameter defaults to ["GET"]. HEAD and OPTIONS are added automatically.
(El resaltado es ...
2
votos
Aceptado
¿Cómo puedo usar la variable state fuera del .then()?
Tu problema es que estás declarando la variable state dentro del método then(), lo que debes hacer es declararla por fuera y asignarle el valor dentro del then()
var state = null; // La declaras aquí
...
2
votos
Aceptado
como usar un api con javascript y la función fetch
El JSON que muestras debajo es un Array, por lo que deberias usar for o algun otro iterador para extraer los objetos antes de mostrarlos. Algo asi:
for (i=0;i<data.length;i++) {
document....
2
votos
Aceptado
Unexpected token N in JSON at position 0
Tu petición está mal, lo correcto es así:
fetch('https://github.com/login/oauth/access_token/', {
method: 'POST',
headers: {
Accept: 'application/json',
'Content-Type': '...
2
votos
Aceptado
Error en función SQL PHP
El problema
Fatal error: Call to a member function fetch() on a non-object suele ocurrir cuando la consulta por algún motivo ha sido errónea. De haber funcionado la consulta tendrías un objeto desde ...
2
votos
Hacer una peticion GET con fetch
No te regresa el resultado que esperas porque estás pasando los parámetros como cabeceras.
Intenta reemplazando:
let response = await fetch("https://randomuser.me/api", dataRequest);
Por:
let ...
2
votos
Aceptado
JavaScript fetch: Error JSON
Como bien decía @gbianchi, la URL no era la correcta.
Al estar en una ruta mi-pagina.com/detalle, la constante DETAIL_URL = 'admin/retrieve-image.php'; apuntaba a la dirección mi-pagina.com/detalle/...
2
votos
Aceptado
Envio de datos por fetch a node / expressJs
Como @gugadev te comenta, debes prevenir el comportamiento por defecto del elemento tipo submit, porque es muy probable que la petición fetch no se realice. Sin embargo, además de dicho detalle, ...
2
votos
Subir imagen desde react native a backend php (laravel)
No es necesario el JSON.stringify.
Puede intentar de esta forma.
const data = new FormData();
data.append('image', {
uri: this.state.image,
name: 'capturamovil.jpg',
type: 'image/jpg'
}...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
fetch × 368javascript × 264
api × 76
reactjs × 74
php × 52
json × 48
nodejs × 41
html × 27
ajax × 22
cors × 18
promesas × 17
post × 15
express × 11
formdata × 9
html5 × 8
async-await × 8
python × 7
mysql × 7
array × 7
react-native × 7
get × 7
laravel × 6
flask × 6
axios × 6
jquery × 5