Как передать данные в параметрах запроса fetch?

Question

[Елена]

Добрый день. Продолжается мое познание в js) Встал такой вопрос у меня, у меня есть вот такой запрос:

changeAvatar = (avatar) => {
    return fetch(`${this.options.baseUrl}/users/me/avatar`, {
      method: 'PATCH',
      headers: 'здесь токен',
      body: JSON.stringify({
        avatar: avatar
      })
 })

все прекрасно работает, но читала, что можно передавать данные не через body, а в параметрах запроса. Как мне это сделать? Пробовала так

fetch(`${this.options.baseUrl}/users/me/avatar?avatar=${avatar}`

не работает

Comments

[Ярослав Иванов]

Почитайте чем Get от post(patch) отличается

[Елена]

Ярослав Иванов, читала. Отличаются, что в GET не передаются данные

[Ярослав Иванов]

Elena0394, тогда зачем вам в post запросе передавать данные через URL?
Можно конечно и на крыше автобуса ехать но смысл

[Елена]

Ярослав Иванов, все равно не понимаю, о чем вы

[Елена]

Ярослав Иванов, как тогда в параметрах запроса отправляют данные?

[Kovalsky]

Elena0394, а что конкретно у вас не работает? Вот вы изменили адрес запроса, добавили урл параметр avatar, и чего вы ожидаете? Этот параметр это и есть данные в строковом виде: на сервере вы можете разобрать урл и работать с ними

[Ярослав Иванов]

Elena0394, в теле запроса данные. Зачем в URL передавать?

[Елена]

Kovalsky, до бэкенда еще не доросла))
Вот так работает:

changeAvatar = (avatar) => {
    return fetch(`${this.options.baseUrl}/users/me/avatar`, {
      method: 'PATCH',
      headers: 'здесь токен',
      body: JSON.stringify({
        avatar: avatar
      })
 })

А вот так нет:

changeAvatar = (avatar) => {
    return fetch(`${this.options.baseUrl}/users/me/avatar?avatar=${avatar}`, {
      method: 'PATCH',
      headers: 'здесь токен'
 })

Почему?

[Kovalsky]

Elena0394, а что значит "не работает"?

[Елена]

Kovalsky, выдает ошибку)

PATCH https://praktikum.tk/cohort12/users/me/avatar?avat... 400 (Bad Request)

[Kovalsky]

Ярослав Иванов, идентификатор целевого объекта обычно передаётся именно в урле для наглядности,

[Kovalsky]

Elena0394, ну очевидно у вас формат запроса неправильный в рамках данного конкретного API, о чем вам ниже пишет aetae

Answer 1

[Aetae]

Можно, если сервер принимает в таком виде. Судя по тому, что не работает - не принимает. GET и POST - разные типы запросов и каждый должен быть настроен отдельно с обоих концов.