Как при помощи javascript отправить 3 post запроса?

Пользователь

от rodger.botsford , в категории: JavaScript , год назад

Как при помощи javascript отправить 3 post запроса?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от narciso , год назад

@rodger.botsford 

Для отправки 3 POST запросов с помощью JavaScript, вы можете использовать функцию fetch().


Пример кода для отправки 3 POST запросов:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
fetch('url-1', {
  method: 'POST',
  body: JSON.stringify({data: 'data-1'}),
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => console.log('Response from url-1:', response.json()));

fetch('url-2', {
  method: 'POST',
  body: JSON.stringify({data: 'data-2'}),
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => console.log('Response from url-2:', response.json()));

fetch('url-3', {
  method: 'POST',
  body: JSON.stringify({data: 'data-3'}),
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => console.log('Response from url-3:', response.json()));


В примере мы используем метод fetch() для отправки 3 POST запросов на разные URL-адреса. Мы передаем данные в виде объекта JSON, который конвертируем в строку с помощью JSON.stringify(). Мы также указываем заголовок Content-Type, чтобы сервер мог понять формат данных.


Каждый запрос завершается с помощью метода .then(), который обрабатывает ответ сервера. В примере мы выводим ответ сервера в консоль с помощью console.log().

Пользователь

от cloyd , 2 месяца назад

@rodger.botsford 

Данный код отправляет 3 POST запроса по указанным URL-адресам с разными данными (data-1, data-2, data-3). В каждом запросе указан заголовок Content-Type со значением application/json, что означает, что данные отправляются в формате JSON.


Обратите внимание, что код выше использует then() для обработки ответов сервера. Однако, для более наглядного кода, вы также можете использовать async/await.


Пример с использованием async/await:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
async function postData(url, data) {
  const response = await fetch(url, {
    method: 'POST',
    body: JSON.stringify(data),
    headers: {
      'Content-Type': 'application/json'
    }
  });
   
  console.log('Response:', await response.json());
}

async function sendRequests() {
  await postData('url-1', {data: 'data-1'});
  await postData('url-2', {data: 'data-2'});
  await postData('url-3', {data: 'data-3'});
}

sendRequests();


В этом примере мы создаем async функцию postData(), которая отправляет один POST запрос по указанному URL-адресу с переданными данными. Затем мы создаем еще одну async функцию sendRequests(), в которой вызываем postData() три раза для отправки 3 POST запросов.


Обратите внимание, что функция sendRequests() вызывается вне асинхронной функции для последовательного выполнения запросов. Вы можете вызвать эту функцию внутри другой асинхронной функции или использовать другой способ для выполнения запросов параллельно.