Как объяснить бекенд-разработчику почему я не могу сделать то, что он хочет?

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 передаю объект
На бек приходит строка; Бекер требует, чтоб ему приходил объект


Прислал такой скрин мне

Как ему объяснить нормально, что я не могу сделать то, что он хочет?

Comments

[Максим Федоров]

не че не понял

что он хочет -- не понял :)
что вы делаете -- не понял :)
какова цель -- не понял :)

[Aleksandr]

Максим Федоров, MaxKorz, Прошу прощения
Задача: в values передаю объект
На бек приходит строка; Бекер требует, чтоб ему приходил объект

то есть мне нужно в params в values передать объект;
Я и передаю, но он получает не объект, а строку;

[Сергей delphinpro]

Я тоже.

Автор, покажите нормально, в каком формате хочет данные бэкер, в каком отправляете вы, и почему у вас не получается договорится.

[Aleksandr]

Сергей delphinpro, Ответил чуть выше

[Aleksandr]

MaxKorz, я это понял. Но как объяснить человеку, который не хочет меня понимать )

[Антон Антон]

Выложит текст test.php на gist или еще куда, чтобы над ним можно было чуток поиздеваться.

Answer 1

[Владимир]

Учите методы запросов. При помощи GET вы отсылаете строку, чтобы отослать объект вам нужно пользоваться одним из POST, PUT, PATCH и объект отсылать параметром
https://developer.mozilla.org/uk/docs/Web/HTTP/Methods
https://learn.javascript.ru/ajax-xmlhttprequest
https://developer.mozilla.org/en-US/docs/Web/API/F...
Товй кусок кода

axios.get('../../../json/v1/form/kasko/dependencies', {
            params: payload
        }).then(response => {

Кусок кода из документации

Performing a POST request

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

Научите бекенд писать API контракт в https://swagger.io/ тода будет меньше недопонимания

Comments

[Антон Антон]

Да там что на фронте, что на бэке - люди, которые слабо понимают, что происходит. На месте автора я бы посмотрел через вкладку network в devtools бы на пример и то, что уходит на бэк. И сравнил с тем, что уходит у него.

РС: Я уже устал от истории с этим самым злосчастным массивом (уже недели три длится :) )

[Aleksandr]

так я и так понял, что не могу ему отправить обхект

[Aleksandr]

Антон Антон, вопрос был не этом :)

[sim3x]

А как в хттп можно отправить обьект, если ето текстовый протокол?

[sim3x]

MaxKorz, как текст, а как int - нет

[Владимир]

Aleksandr, У тебя в коде axios.get или ты не слишком понимаешь, что делаешь или вы вдвоем с беком не понимаете, если у него по АПИ контракту должен быть гет, потому что гет используют для получения данных, а не для отправки.
Используй POST, PUT, PATCH, я тебе привел кусок кода.

[Сергей delphinpro]

Учите методы запросов. При помощи GET вы отсылаете строку, чтобы отослать объект вам нужно пользоваться одним из POST, PUT, PATCH

Вам тоже не помешало подучить ;)
Любой HTTP запрос отсылает строки. Это текстовый протокол.
Это уже php в своих недрах автоматом преобразовывает параметры в массивы $_GET, $_POST и другие.

[Владимир]

Сергей delphinpro, Ок, я не так выразился. Отсылая запрос через GET ты получаешь
1) Ограничение на длинну запроса
2) Percent-encoding твоей структуры
Помимо того, что єто не по спецификации

[Сергей delphinpro]

Владимир, ну по крайней мере процитированный мною участок текста изложен в форме противопоставления одного другому.

Answer 2

[Сергей Анисимов]

1. в JS ассоциативный массив и объект - одно и то же, в PHP -нет.
2. объект в JS - это формат JSON, для PHP JSON - это строка
3. GET умеет передавать только строку, которую PHP умеет интерпретировать как массив или как массив массивов, но никаких объектов в протоколе не предусмотрено. В комментариях уже написали, что в принципе вы можете передать объект в качестве строки JSON.stringify(myObj);, но на бэке её надо снова раскодировать.

Но проблема я смотрю не в этом, на бэке судя по всему хотят получить массив а не объект как вы выразились, точно также как если бы вы отправили данные формы POSTом, а получать такую строку как на скрине с parse_str действительно извращение

Answer 3

[Сергей delphinpro]

Вы можете сделать так, как хочет бекэндер.
Проблема в Axios. GET-параметры, если они содержат многомерные массивы/объекты он преобразовывает в json представление, оставляя лишь линей массив верхнего уровня. В общем-то правильно (это уже отметил Владимир ), GET для запроса данных, и параметры запроса обычно идут списком.
Но всё же протокол позволяет представлять и массивы, как линейные, так и многомерные. jQuery, кстати, в этом смысле так и делает.

В общем к сути. Вы можете использовать штатные возможности Axios для трансформации параметров запроса:

let arr = [1,2,3];
let val = 'BMW';
let payload = {
    names : arr,
    values: {
        brand: val,
    },
};

axios.get('http://site.ru?id=1', {
    params: payload,
    paramsSerializer: function(params) {
        let tmp = [];
        params.names.forEach(item => {tmp.push(`names[]=${item}`)});
        for (let name in params.values) {
            if (!params.values.hasOwnProperty(name)) continue;
            tmp.push(`values[${name}]=${params.values[name]}`);
        }
        return tmp.join('&');
    },
}).then( ...

В результате запроса программист получит данные в массиве &_GET примерно в таком виде:

Array
(
    [id] => 1
    [names] => Array
        (
            [0] => 1
            [1] => 2
            [2] => 3
        )
    [values] => Array
        (
            [brand] => BMW
        )
)

Сериализатор придется писать под формат данных, или попробовать сообразить что-то универсальное.

Answer 4

[Jhn Doe from by]

стойте, что вы делаете? вы шлете на бэкэнд:
- массив из строк, где names - query param и тип запроса GET, это ок
- в query param: values который является объектом {"brand": "bmw"}, это что такое?
вы конечно можете это сделать следующим образом:

const url = '../../../json/v1/form/kasko/dependencies?values=' 
const values = {
  "brand": val
}

axios.get(url + JSON.stringify(values))
  .then(response => {....})
  .catch(...);

как сформировать в цикле строку ?names[]=models&names[]=oiltype я думаю сами догадаетесь, ее нужно будет тоже добавить к переменной url.

если данные на создание новой строки в какой-то таблице уходят, то я бы лучше отправлял axios'ом на бэкэнд post запрос с data и content-type: application/json
чтото вроде:

data = {
   "names": [{
     "models": [{"brand" "bmw"}]
   }]
}