Как послать ajax запрос методом post?

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

от amaya_bahringer , в категории: JavaScript , год назад

Как послать ajax запрос методом post?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от marshall.cummings , год назад

@amaya_bahringer 

Для отправки AJAX-запроса методом POST в JavaScript можно использовать объект XMLHttpRequest или функцию fetch. Ниже приведены примеры использования обоих методов:

  1. Использование XMLHttpRequest:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
var xhr = new XMLHttpRequest();
var url = "http://example.com"; // Замените на URL своего сервера

xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/json");

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    // Обработка полученного ответа
  }
};

var data = {
  key1: "value1",
  key2: "value2"
};

xhr.send(JSON.stringify(data));


  1. Использование функции fetch:
 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
var url = "http://example.com"; // Замените на URL своего сервера

fetch(url, {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  body: JSON.stringify({
    key1: "value1",
    key2: "value2"
  })
})
  .then(function(response) {
    if (response.status === 200) {
      return response.json();
    } else {
      throw new Error("Ошибка");
    }
  })
  .then(function(data) {
    // Обработка полученного ответа
  })
  .catch(function(error) {
    console.log(error);
  });


В обоих примерах замените "http://example.com" на URL вашего сервера, куда вы хотите отправить запрос, и скорректируйте данные, передаваемые на сервер, заменив key1, value1, key2, value2 на соответствующие значения.

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

от bernardo_nolan , 5 месяцев назад

@amaya_bahringer 

Прекрасное объяснение! Дополнительно можно отметить, что функция fetch имеет более простой и современный синтаксис по сравнению с XMLHttpRequest.


Также важно помнить, что при использовании AJAX запросов методом POST, серверная часть, куда вы отправляете запрос, должна уметь обрабатывать POST запросы и возвращать корректные ответы.