Какие нативные инструменты для запросов предоставляет JS?

Другие предметы Колледж Веб-разработка нативные инструменты JS запросы в JavaScript методы работы с запросами AJAX в JS Fetch API XMLHttpRequest асинхронные запросы JS Новый

JavaScript предоставляет несколько нативных инструментов для выполнения HTTP-запросов. Давайте рассмотрим их подробнее:

1. XMLHttpRequest

   Это старый способ выполнения асинхронных запросов к серверу. С его помощью можно отправлять запросы и обрабатывать ответы. Пример использования:

               var xhr = new XMLHttpRequest();
               xhr.open('GET', 'https://api.example.com/data', true);
               xhr.onreadystatechange = function() {
                   if (xhr.readyState === 4 && xhr.status === 200) {
                       console.log(xhr.responseText);
                   }
               };
               xhr.send();
           

2. Fetch API

   Это более современный и удобный способ работы с HTTP-запросами. Fetch API возвращает промис, что упрощает работу с асинхронным кодом. Пример использования:

               fetch('https://api.example.com/data')
                   .then(response => {
                       if (!response.ok) {
                           throw new Error('Network response was not ok');
                       }
                       return response.json();
                   })
                   .then(data => console.log(data))
                   .catch(error => console.error('There was a problem with the fetch operation:', error));
           

3. WebSocket

   Это протокол, который позволяет устанавливать постоянное соединение между клиентом и сервером. WebSocket используется для передачи данных в реальном времени. Пример использования:

               var socket = new WebSocket('wss://example.com/socket');
               socket.onopen = function(event) {
                   socket.send('Hello Server!');
               };
               socket.onmessage = function(event) {
                   console.log('Message from server ', event.data);
               };
           

Каждый из этих инструментов имеет свои особенности и применяется в зависимости от конкретных задач. Fetch API является наиболее предпочтительным для большинства современных приложений благодаря своей простоте и удобству работы с промисами.