Ajax: Запрос на чистом JavaScript
В примере Ajax запроса на чистом JavaScript код отправляет GET запрос на https://example.com/api/handler/ и обрабатывает ответ сервера в функции onload. Если статус ответа равен 200, то содержимое ответа можно получить из свойства responseText. Если статус не равен 200, то выводится сообщение об ошибке.
// Отправляем запрос с данными const data = 'param1=value1¶m2=value2'; const xhr = new XMLHttpRequest(); xhr.open('GET', 'https://example.com/api/handler/'); // Устанавливаем заголовок для передачи данных в URL xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.onload = function() { if (xhr.status === 200) { const response = xhr.responseText; // обработка ответа сервера console.log('Ответ сервера:', response); } else { console.log('Ошибка загрузки данных: ' + xhr.status); } }; xhr.send( data );
Для отправки данных в формате JSON:
// Данные для отправки в формате JSON const data = JSON.stringify({ param1: 'value1', param2: 'value2' }); const xhr = new XMLHttpRequest(); xhr.open('POST', 'https://example.com/api/handler/'); // Устанавливаем заголовок для передачи JSON xhr.setRequestHeader('Content-Type', 'application/json'); xhr.onload = function() { if (xhr.status === 200) { const response = xhr.responseText; // обработка ответа сервера console.log('Ответ сервера:', response); } else { console.log('Ошибка загрузки данных: ' + xhr.status); } }; // Отправляем запрос с данными xhr.send( data );
Комментарии