Как решить ошибку при отправке запроса через Fetch API?

Question

[Александр Андропов]

Добрый день, пытаюсь через Fetch API получить данные вот так:

dataUser = { asset: "USDT", fiat: "RUB", page: 1, payTypes: [], merchantCheck: false, publisherType: null, rows: 20, tradeType: "BUY"}
    
    async function postData(url, data) {
      const response = await fetch(url, {
        method: 'POST', 
        mode: 'no-cors', 
        cache: 'no-cache',
        credentials: 'same-origin',
        headers: {
            'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36',
            'Content-Type': 'application/json',
            'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8',
            'Accept-Language': 'en-US,en;q=0.5',
            'Accept-Encoding': 'deflate, br',
            'Connection': 'keep-alive',
            'cache-control': 'max-age=0',
          // 'Content-Type': 'application/x-www-form-urlencoded',
        },
        redirect: 'follow', 
        referrerPolicy: 'no-referrer',
        body: JSON.stringify(data) 
      });
      return await response.json();
    }
    
    postData('https://p2p.binance.com/bapi/c2c/v2/friendly/c2c/adv/search',dataUser)

В итоге получаю:

test.php:618 POST https://p2p.binance.com/bapi/c2c/v2/friendly/c2c/a... net::ERR_ABORTED 400
postData @ test.php:618
(anonymous) @ test.php:638
test.php:635 Uncaught (in promise) SyntaxError: Unexpected end of input (at test.php:635:29)
at postData (test.php:635:29)

На 635 строчке ругается на return await response.json();
Но через cURL в PHP данные приходят нормально, не пойму, что делаю не так. Заголовки с пост параметрами отдаю также как в PHP, там работает, в JS не работает.

Comments

[Антон Горецкий]

оберните свою ф-ю с вызовом await в конструкцию try{}.catch и выведите ошибку в консоль - тогда сможете понять, что не так.

[ThunderCat]

net::ERR_ABORTED 400

вас вежливо послали со стороны сервера.

[Lynn «Кофеман»]

Впрочем даже если вы решите эту проблему, всё равно no-cors и response.json вещи взаимоисключающие

[Александр Андропов]

Антон Горецкий, всё равно так и не понял, поможете сформировать правильный запрос ?

[Антон Горецкий]

Александр Андропов,

async function postData(url, data) {
try{
      const response = await fetch(url, {
        method: 'POST', 
        mode: 'no-cors', 
        cache: 'no-cache',
        credentials: 'same-origin',
        headers: {
            'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36',
            'Content-Type': 'application/json',
            'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8',
            'Accept-Language': 'en-US,en;q=0.5',
            'Accept-Encoding': 'deflate, br',
            'Connection': 'keep-alive',
            'cache-control': 'max-age=0',
          // 'Content-Type': 'application/x-www-form-urlencoded',
        },
        redirect: 'follow', 
        referrerPolicy: 'no-referrer',
        body: JSON.stringify(data) 
      });
      return await response.json();
}catch(e) {
  console.log(e)
}
    }
ну и как подсказали в комментах выше -убирайте или no-cors или response.json

[Александр Андропов]

Антон Горецкий, если убрать no-cors, то получаю

Access to fetch at 'https://p2p.binance.com/bapi/c2c/v2/friendly/c2c/a...' from origin 'https://site.ru' has been blocked by CORS policy:

Если убраю response.json(); получаю:

POST https://p2p.binance.com/bapi/c2c/v2/friendly/c2c/a... net::ERR_ABORTED 400

[Антон Горецкий]

Александр Андропов, Не знаю поможет вам или нет, но я бы так сделал: на своем локальном сервере разместил бы скрипт на php, который бы выводил всю доступную информацию в лог(все заголовки запроса, все видимые переменные, типа referrer и др. ) и сделал бы на этот скрипт запросы - сначала при помощи curl, затем при помощи JavaScript и затем сравнил бы, что отличается. Исходя из этого попытался бы подогнать запрос.