Problème fetch et addEventListener, impossible faire console.log

Lukas1980 -
Lukas1980 - 26 oct. 2020 à 10:03

Bonjour,

Je n'arrive pas à comprendre pourquoi ce code ne marche pas ?

function fetchAjax(url, type = 'json'')
{
    return fetch(url).then(function(response){
        return response[type](); // process it inside the `then`
    });
}

fetchAjax('monpage.php', 'text').then(response => {
    console.log('UN');
    document.addEventListener('load', function (event) {
        console.log('Deux');
    });
});

Normalement je dois avoir UN et DEUX, mais je reçois chaque fois uniquement le 1er résultat.

Pour info, le fetchAjax fonction très bien, quand je fais addEventListEner avec "load", je n'arrive plus à faire console.log

Merci pour votre future aide.

A voir également:

Cannot read properties of null (reading 'addeventlistener')
Path of exile 2 - Guide
My reading scan ✓ - Forum Google Chrome
Out of range - Forum Ecran
Cannot access offset of type string on string - Forum PHP
A disk read error occurred ✓ - Forum Windows

3 réponses

Réponse 1 / 3

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

Normalement, on n'utilise pas de 'load' sur un document
A la place, on utilisera

document.addEventListener('DOMContentLoaded',

Ou sinon

  window.addEventListener("load",

Lukas1980

Merci pour votre réponse,
Malheureusement, le bug est toujours présent, en fait ça affiche le résultat de 2éme console, uniquement si je vide la cache. Sinon ça ne marche pas.
J'ai déjà essayé de désactiver la cache via header, via 2éme paramètre (fetch), ça ne marche pas.

J'ai choisi une autre solution pour ne pas utiliser load dans une fetch.

Comme je l'utilise 2 cas (click et load) je fais une teste, si c'est click, j'utilise un addEventListEner sinon je fais le traitement directement sans addEventListEner.

Mais c'été très intéressent à savoir pourquoi ça ne marche pas le code, même si j'utilise xmlhttprequest (des fois ça marche des fois ça ne marche pas). J'ai déjà essayé sur tous les navigateurs.

Dans tous les cas, merci pour votre aide.

Cordialement,

Réponse 2 / 3

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

Bonjour,

Pour commencer, tu as une quote en trop

function fetchAjax(url, type = 'json'')

Lukas1980

Bonjour, merci pour la réponse, en fait, c'est une faut de frappe sur comment ça marche, j'ai simplifié le code pour mettre en ligne :)

Réponse 3 / 3

Lukas1980

Pour info, j'utilise addEventListener parce que j'ai deux cas.
1. avec click
2. avec load

jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention 4 752

Et donc, quel est ton code complet ?
Qu'obtiens tu ?
Que vois tu dans la console ?
N'as tu pas des messages d'erreur dans la console ?
Ta fonction parle d'ajax... tu as activé le debogage ajax dans la console ?

Lukas1980 > jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention

Merci pour votre réponse rapide,
C'est un code pour le test, ça doit afficher UN et DEUX dans la console.

Sinon, c'est une fonction que j'utilise dans mon projet qui est fonctionnel.

Je voudrais juste savoir, pourquoi, c'est impossible de l'utiliser console.log dans une addEventListEner('load',...) qui se trouve à son tour dans une fetch.

Merci

Cordialement,

Discussions similaires

problème myreadingmanga (message erreur)

Problème de connexion au site my reading manga

input signal out of range

Uncaught TypeError: Cannot read property 'style' of null

Myreadingmanga pourquoi je ne peux plus me connecter

Votre réponse

Discussions similaires