Как отправить JSON объект на чужой API методом GET из JS?

Question

[Максим Золотой]

Нужно получить данные от транспортной компании. У них в документации написано

Для получения стоимости и сроков доставки необходимо отправить json-объект серверу СДЭК. При передаче json-объекта в заголовке нужно указать соответствующий Content-Type.

api.cdek.ru/calculator/calculate_price_by_json.php
Content-Type: application/json

api.cdek.ru/calculator/calculate_price_by_jsonp.php
dataType : "jsonp" (из js)

api.cdek.ru/calculator/calculate_price_by_json_req...
Content-Type: application/x-www-form-urlencoded

Как вообще из JS это можно сделать? Я спрашивал у техподдержки, но они не стали помогать

Comments

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

PHP разраб не может сделть GET запрос? Как это вообще возможно, вся работа ваша -- GET и POST

1. берете любой HTTP клиент в JS (Axios например) или у JQuery метод $.get
jquery.page2page.ru/index.php5/Ajax_%D0%B7%D0%B0%D...
2. или используете возможности языка

[DanKud]

Во-первых API CDEK не примет CORS-запрос (кроссдоменный). То есть из JS в браузере вы этот запрос сделать не сможете. Во-вторых все запросы к API калькулятора там отправляются POST-запросом, а не GET, насколько я знаю. Тем более JSON в теле запроса как вы отправите в GET.

[Максим Золотой]

DanKud, Вот и я об этом же думаю)
но в техподдержке мне сказали вот что

Силин Александр прокомментировал:

Здравствуйте.

У нас используется метод GET, но в данном случае ошибка не является ответом от нашего API, по данной ошибке вам необходимо искать решение самостоятельно.

[Максим Золотой]

Максим Федоров, Вы думаете самый умный что ли?

[DanKud]

Максим Золотой, честно говоря не знаю, в теории конечно в GET-запросе можно передавать тело запроса, но я такого не встречал. Обычно это все-таки это POST-запросы. У CDEK еще и нет вразумительной документации по API насколько я понял.

[Максим Золотой]

DanKud, да, документация там так себе и конечно логичнее такое отправлять пост запросом)

Answer 1

[Антон Спирин]

XMLHttp​Request​.set​Request​Header()
Using Fetch: Снабжение параметрами запроса

Answer 2

[Анатолий Медведев]

var xhr = new XMLHttpRequest();
xhr.open('GET', '/server', true);
xhr.onload = function () {
  // Запрос завершен. Здесь можно обрабатывать результат.
};
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send({ form: 'data' });

Ну примерно так

Comments

[Максим Золотой]

var xhr = new XMLHttpRequest();
    xhr.open('GET', 'http://api.cdek.ru/calculator/calculate_price_by_json.php', true);
    xhr.onload      = function (data) {
      console.log(data);
    };
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.send(JSON.stringify(data));

Как то так(

[Анатолий Медведев]

Максим Золотой, Читайте про CORS