Как отправить post запрос на javascript?

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

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

Как отправить post запрос на javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от dmitrypro77 , 3 года назад

@clifford Вы можете использовать XMLHttpRequest объект в JavaScript чтобы отправить POST запрос на сервер, ниже пример кода:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
var xhr = new XMLHttpRequest();
xhr.open("POST", "/to/url", true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({
    username: 'admin',
    password: 'test'
}));

xhr.onload = function () {
    console.log(this.responseText);
}


Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.

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

от loyal , 2 года назад

@clifford 

Чтобы отправить POST-запрос на JavaScript, можно использовать объект XMLHttpRequest (XHR). Пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
const xhr = new XMLHttpRequest();
const url = "https://example.com/api";
const data = { name: "John", age: 30 };
const json = JSON.stringify(data);

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

xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};

xhr.send(json);


В этом примере мы создаем объект XMLHttpRequest, устанавливаем метод запроса (POST), URL и true для асинхронного запроса. Затем мы устанавливаем заголовок Content-Type на application/json, чтобы указать серверу, что мы отправляем данные в формате JSON.


Мы также устанавливаем обработчик события onreadystatechange, который будет вызван каждый раз, когда изменяется состояние объекта XMLHttpRequest. Когда состояние становится 4 (то есть запрос завершен), мы проверяем, что статус ответа равен 200 (успех) и выводим ответ сервера в консоль.


Наконец, мы отправляем данные на сервер методом send(), передавая данные в формате JSON в качестве аргумента.