Как менять параметр fetch запроса средствавми js?

Question

[Broncoopo]

Привет, прошу помощи.
Есть fetch запрос к базе АПИ и ответ от нее, но дело чуть в другом.
Вообщем если коротко: Как сделать чтобы данные из div(цифры 777) заменяли цифры 555 в fetch запросе. Как это сделать с помощью js?

<div id="GoLink" data-post="777" ></div>

fetch("https://api.site.ru/?token=4w5sf4b678ec86b8b&post=555")

Вся надежда на хабр...

Answer 1

[n1ksON]

fetch(`https://api.site.ru/?token=4w5sf4b678ec86b8b&post=${document.querySelector('#GoLink').dataset.post}`)

Подробнее

Comments

[Broncoopo]

Не работает

[n1ksON]

Broncoopo, https://codepen.io/n1ks0n/pen/YzEdyrq
Посмотрите, что выводится в консоль. Если у вас что-то не работает, проблема в том, что вы что-то сделали неправильно) Может быть селектор другой, может еще что

[Broncoopo]

n1ksON, Прошу прощение, я не знал что есть разница между ' и ` .... не тот знак ставил, теперь все заработало) Спасибо и еще раз сорри)

[Надим]

Broncoopo, тут пример не совсем корректный. Недостаточно вытащить document.querySelector('#GoLink').dataset.post, надо эти данные правильно закодировать:

var url = new URL('https://api.site.ru');

url.search = new URLSearchParams({
    'token': '4w5sf4b678ec86b8b',
    'post': document.querySelector('#GoLink').dataset.post
}).toString();

fetch(url.href);