Как получить ответ от сервера с помощью XMLHttpRequest?

Question

[In_hape]

Новичок в JS, eсть следующий код, вопрос в том как именно можно передать масив header (в масиве должны быть три значения, которые есть на скрине ниже) на сервер банка, чтобы получить нужный ответ ?

<script>
    
        let xhr = new XMLHttpRequest();

        // 2. Настраиваем его: GET-запрос по URL
        xhr.open('GET', 'url');

        // 3. Отсылаем запрос
        xhr.send();
        
        //в этом запросе нужно передать масив со значениями token и Content-Type
        
    </script>

Если есть какие-то другие предложения по реализации даного скрипта (в особенности PHP и вообще реально ли реализовать даный вариант на PHP) с радостью их почитаю и изучу.

Написал рабочий вариант на Pyton, но вот как правильно реализовать на JS не уверен

import requests
import json

url = 'https://acp.privatbank.ua/api/statements/transactions?&startDate=16-08-2022&limit=1'


token = '' # put valid token here
content_type = 'application/json;charset=cp1251' #Content-Type

headers = {
    'token': token,
    'Content-Type': content_type}

api_response = requests.get(url, headers=headers)

print(api_response)
print(json.dumps(api_response.json(), indent=4, ensure_ascii=False))

Comments

[AUser0]

Неее, вот так делать не стоит! Не надо светить свой банковский token всем и каждому, кто зайдёт на ваш сайт. Делайте JSON запрос на собственный сайт, что бы уже он делал этот запрос к API банка, со всеми токенами и т.д.

[In_hape]

AUser0, тобиш, нужно сделать так чтобы сам банк отправлял запрос на сайт, а сайт уже его обрабатывал ? Или я не так понял ?

[tukreb]

In_hape, он вероятно имеет ввиду, что токены должны быть скрыты под капотом, тобишь в бэкенде и не видны клиенту. Вы отправляете запрос в бэкенд, он там нужными токенами обращается к банку, получает ответ от банка, и потом отдаёт нужную информацию клиенту.

Answer 1

[LehaRybkoha]

можно через fetch:

const getData = async () => {
const url = 'https://acp.privatbank.ua/api/statements/transactions?&startDate=16-08-2022&limit=1'
const token = '' // put valid token here
const response = await fetch(url, {
headers: {
'Content-Type': 'application/json;charset=cp1251',
'token': token
}
})
return await response.json()
}

const data = await getData()

вроде как-то так, не тестил
можно без async await, через then
Но здесь все написано