Строка вместо объекта?

Question

[Aleksandr]

Подскажите еще такой вопрос

Есть такой вот код

'formData.brand'(val) {
    let payload = {
        names: arr,
        values: {
            "brand": val
        }
    }
    if (!val) return;
        axios.get('../../../json/v1/form/kasko/dependencies', {
            params: payload
        }).then(response => {
            this.$set(this.dependentData, 'brand', {
                model: response.data.models,
                country: response.data.city
            });
        }).catch(errors => {
            console.error(errors);
        });
}

в values передаю объект
но, как я понял, на бек приходит не объект, а строка



Как это исправить? Почему так получается?

Answer 1

[Владимир Проскурин]

На бэк не придет объект. По http можно передавать только строки. Вы можете передать json строку, и там, на сервере, сделать из нее объект при помощи json_decode (в php)

Comments

[Aleksandr]

Владимир Проскурин подскажи пожалуйста, как мне объяснить теперь бэк-разработчику, что я не могу ему отправить объект?)

[mShpakov]

Aleksandr, киньте в него расшифровкой чтоле:

HTTP (англ. HyperText Transfer Protocol — «протокол передачи гипертекста») — протокол прикладного уровня передачи данных (изначально — в виде гипертекстовых документов в формате «HTML», в настоящий момент используется для передачи произвольных данных).

Answer 2

[Alexander Pushkarev]

Потому что надо отправлять POST. GET складывает под массивы в json.

Comments

[Aleksandr]

Alexander Pushkarev подскажи пожалуйста, как мне объяснить теперь бэк-разработчику, что я не могу ему отправить объект?) Потому что нужно именно get-запрос отсылать

[Alexander Pushkarev]

Aleksandr, он должен и так это знать

Answer 3

[profesor08]

Потому что параметры это строки, и твой сложный объект преобразуется в строку. И результат будет не тот, который ожидаешь ты, а тот, который может принять http сервер. Тебе надо самостоятельно преобразовать свой объект в json строку, и уже ее передавать на сервер.

axios.get('../../../json/v1/form/kasko/dependencies', {
  params: {
    data: JSON.stringify(payload)
  }
})

Comments

[markmariner]

Зачем, если Аксиос умеет это делать сам?

[profesor08]

markmariner, ознакомься сначала с деталями вопроса

[markmariner]

profesor08, ознакомился, мое мнение не поменялось. Пруфы, что я не прав?

[markmariner]

profesor08, даже на скрине объект прекрасно превратился в URI-строку

[profesor08]

markmariner, автору вопроса нужен json объект

Answer 4

[markmariner]

В текущей проблема дело в принципах работы HTTP-протокола при отправке запроса методом GET. В GET-запросе нет тела запроса, а есть только URI-строка, то, что мы в обиходе называем Адресом. Все параметры запроса, которые вы передаёте, присоединятся к адресу ресурса, к которому вы обращаетесь после знака ?, например так:

http://domain.com/get-data?param1=abc&param2=def

Так как URI — это строка, то и все данные, представленные в других типах, будут преобразованы в строку по правилам кодирования URI, в вашем примере это сделает AXIOS. Соответственно бекэндеру нужно принять эту строку и преобразовать в объект, я уверен, что для этого есть стандартная конструкция в любом языке.

Если бы это был POST-запрос, или любой другой запрос с телом, то в теле бы всё равно передавали объект в формате JSON: сегодня это такой профессиональный стандарт. Наверно, можно было бы придумать свой бинарный формат передачи именно объектов, но не очень понятно, зачем.

Возвращаясь к вашему дополнительному вопросу про то, как объяснить это бекэндеру: предложить ему книгу по компьютерным сетям и протоколам. Несколько удивительно, что он может работать без этих знаний.

Comments

[Aleksandr]

Спасибо за развернутый ответ!

[Aleksandr]

markmariner


Вот он прислал и сказал, что так работает. Как ему объяснить? Я не понимаю

[markmariner]

Aleksandr, на скриншоте видно, что он получил массив параметров, в котором содержатся значения, некоторые из них — тоже массивы. По-моему, всё прекрасно и с этим можно работать дальше, как-то обходить в цикле, что-то делать ещё, проблемы не вижу.