Discussion :

[clickandgo]

Bonjour à tous,

Je n'arrive pas à formatter une url pour exploiter certains de ces attributs avec la méthode new URL() et pouvoir extraire que la portion dont a besoin mon controller et le fetch relié...

Par exemple sur une url complète "https://127.0.0.1:8000/admin/ecritures/liste-factures?page=2" je n'ai besoin que de la partie "/admin/ecritures/liste-factures?page=2".

Mon listener me renvoie bien une url correcte et complète à chaque fois, mais comment faire pour qu'elle soit au bon format lorsqu'on utilise new URL() puisque celui-ci ne cesse de me dire que l'url rentrée n'est pas correcte, pourtant en console elle contient bien les guillemets, ce n'est pas la bonne méthode ?

Merci d'avance pour vos lumières

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
    //filtrage pour pagination
    pagination.forEach((el) => {
      el.addEventListener("click", (e) => {
        e.preventDefault();
 
        const urlPagination = e.target.getAttribute("href").toString();
        const stringUrl = new URL('"' + urlPagination + '"');
        console.log(stringUrl.pathname);
      });
    });

[unanonyme]

Bonjour,

Les guillemets sont inutile, urlPagination est déjà un variable de type String.

Il faut faire la différence entre
une chaine littérale et une variable de type chaine caractère.

https://c.developpez.com/cours/berna...gne/node18.php

https://developer.mozilla.org/fr/doc...aract%C3%A8res

Les valeurs littérales pour les chaînes de caractères peuvent être indiquées avec des simples quotes ('), des doubles quotes (") ou encore par des accents graves (`).

Bonne journée.

[clickandgo]

Bonjour unanonyme, merci d'avoir répondu

Si je retire les guillemets rien ne change j'ai toujours le message d'erreur

"Uncaught TypeError: Failed to construct 'URL': Invalid URL at HTMLAnchorElement" dans edge et "Uncaught TypeError: URL constructor: /admin/ecritures/liste-factures?page=2 is not a valid URL"

dans firefox, il me semblait que c'était dû au fait que les guillemets sont obligatoires dans la fonction... Bref ça marche toujours pas

[unanonyme]

Bonjour,

prenez le temps de bien lire la doc, que j'ai oublié de lier précédemment,

https://developer.mozilla.org/fr/docs/Web/API/URL/URL

Vous posterez ensuite votre compréhension et votre solution.

Bonne journée.

[clickandgo]

Alors quant à la lecture de la documentation, merci mais je l'avais déjà fait et je l'ai trouvée très mal faite, d'autre part, sauf étourderie de ma part en quoi cela s'applique à mon problème ?

La variable urlPagination renvoie bien une url correcte et si je la mets en paramètre (new URL(urlPagination)) j'obtiens les erreurs décrites, au début je pensais à un manque de guillemets mais vous m'avez signalé que cela n'était pas nécessaire, donc il doit manquer quelque chose ou bien un paramètre (base) à rajouter ?

Je ne percute pas sur ce coup là

[unanonyme]

Bonjour,

C'est bien le sujet. Vous semblez manquer de concentration, ou vous allez trop vite.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
new URL('/admin/ecritures/liste-factures?page=2');
Uncaught TypeError: URL constructor: /admin/ecritures/liste-factures?page=2 is not a valid URL.
    <anonymous> debugger eval code:1
debugger eval code:1:1
new URL('/admin/ecritures/liste-factures?page=2', "http://anywhere.com/");
URL { href: "http://anywhere.com/admin/ecritures/liste-factures?page=2", origin: "http://anywhere.com", protocol: "http:", username: "", password: "", host: "anywhere.com", hostname: "anywhere.com", port: "", pathname: "/admin/ecritures/liste-factures", search: "?page=2" }

La documentation fourni un tas d'exemple,
notamment celui ci qui semble fort à propos.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var i = new URL("/en-US/docs", ""); // Déclenche une exception TypeError car '' n'est pas une URL valide

Finalement, cette doc ne vous plaît peut être pas,
il faudra pourtant dépasser votre goût personnel pour apprendre à faire avec,
au mieux.

Bonne journée.