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

Question

Максим Золотой @spacenear

React Web Developer

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

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

Для получения стоимости и сроков доставки необходимо отправить 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 это можно сделать? Я спрашивал у техподдержки, но они не стали помогать

Вопрос задан более трёх лет назад
1466 просмотров

6 комментариев

Подписаться 1 Простой 6 комментариев

Максим Федоров @Maksclub

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

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

Написано более трёх лет назад
DanKud @DanKud

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

Написано более трёх лет назад
Максим Золотой @spacenear Автор вопроса

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

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

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

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

Написано более трёх лет назад
Максим Золотой @spacenear Автор вопроса

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

Написано более трёх лет назад
DanKud @DanKud

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

Написано более трёх лет назад
Максим Золотой @spacenear Автор вопроса

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

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 2

Комментировать

2 комментария

Максим Золотой @spacenear Автор вопроса

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));

Как то так(

Написано более трёх лет назад

Анатолий Медведев @balamyt92

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

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Средний
Как изменить содержание блока програмно со свойством contentEditable?
- 1 подписчик
- 3 минуты назад
- 3 просмотра
0

ответов
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- 16 минут назад
- 7 просмотров
0

ответов
JavaScript

Простой
Как после сабмита очистить поле type="tel" и показать очищенную маску?
- 1 подписчик
- 5 часов назад
- 44 просмотра
0

ответов
WordPress

+2 ещё

Средний
Как сделать автоматический выбор региона по IP в Wordpress?
- 1 подписчик
- вчера
- 46 просмотров
2

ответа
JavaScript

+1 ещё

Простой
Почему при добавление переменно в style, она перестаёт обновляться?
- 1 подписчик
- вчера
- 65 просмотров
1

ответ
JavaScript

Простой
Как получить результат отправки на сервер, если fetch-запрос был в одной функции, а результат нужен в другой?
- 1 подписчик
- вчера
- 75 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Существуют ли браузерные реализации WebView для AJAX и Fetch?
- 1 подписчик
- вчера
- 85 просмотров
1

ответ
JavaScript

Простой
Как обрабатывать пользовательский запрос больше не показывать конкретный попап?
- 1 подписчик
- вчера
- 67 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать появление баннера от определенной высоты?
- 3 подписчика
- вчера
- 585 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Запуск установки приложения PWA при загрузке страницы?
- 2 подписчика
- 21 апр.
- 215 просмотров
0

ответов
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

JavaScript Fullstack

OnClass

от 200 000 до 600 000 ₽

Разработка дизайна раздела «Статьи» на сайте «Мир отходов»

23 апр. 2024, в 23:01

10000 руб./за проект

Дизайн личного кабинета (клиентская часть)

23 апр. 2024, в 22:37

500 руб./в час

Скрипт для Solana быстрый

23 апр. 2024, в 22:33

25000 руб./за проект

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

1. берете любой HTTP клиент в JS (Axios например) или у JQuery метод $.get
jquery.page2page.ru/index.php5/Ajax_%D0%B7%D0%B0%D...
2. или используете возможности языка
Во-первых API CDEK не примет CORS-запрос (кроссдоменный). То есть из JS в браузере вы этот запрос сделать не сможете. Во-вторых все запросы к API калькулятора там отправляются POST-запросом, а не GET, насколько я знаю. Тем более JSON в теле запроса как вы отправите в GET.
DanKud, Вот и я об этом же думаю)
но в техподдержке мне сказали вот что

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

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

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

Answer 1 · 2019-06-10 13:12:49

Антон Спирин @rockon404

Frontend Developer

XMLHttpRequest.setRequestHeader()
Using Fetch: Снабжение параметрами запроса

Ответ написан более трёх лет назад

Комментировать

Answer 2 · 2019-06-10 13:16:00

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

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

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт