@amaya_bahringer
Для отправки AJAX-запроса методом POST в JavaScript можно использовать объект XMLHttpRequest или функцию fetch. Ниже приведены примеры использования обоих методов:
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 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
на соответствующие значения.
@amaya_bahringer
Прекрасное объяснение! Дополнительно можно отметить, что функция fetch имеет более простой и современный синтаксис по сравнению с XMLHttpRequest.
Также важно помнить, что при использовании AJAX запросов методом POST, серверная часть, куда вы отправляете запрос, должна уметь обрабатывать POST запросы и возвращать корректные ответы.