Server bilan muloqot qilish uchun qanday…

XMLHttpRequest (XHR):

const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true); // So'rovni sozlamalar
xhr.onload = function() {
  if (xhr.status >= 200 && xhr.status < 400) {
    const data = JSON.parse(xhr.responseText); // Muvaffaqiyatli javobni qayta ishlash
    console.log(data);
  } else {
    // Xatolarni boshqarish
    console.error('So‘rovda xato:', xhr.status);
  }
};
xhr.onerror = function() {
  // Tarmoq xatolarini boshqarish
  console.error('Tarmoq xatosi');
};
xhr.send(); // So‘rov yuborish

Fetch API:

fetch('/api/data')
  .then(response => {
    if (!response.ok) {
      throw new Error('HTTP holati ' + response.status); // HTTP xatolarini boshqarish
    }
    return response.json(); // JSON tahlili
  })
  .then(data => {
    console.log(data); // Ma'lumotlarni boshqarish
  })
  .catch(error => {
    console.error('So‘rovda xato:', error); // Boshqa xatolarni boshqarish
  });

Fetch yoki XHR asosidagi kutubxonalar:

Axios:

// Axiosni o‘rnatish: npm install axios

import axios from 'axios';

axios.get('/api/data')
  .then(response => {
    console.log(response.data); // .data orqali ma'lumotlarga kirish
  })
  .catch(error => {
    console.error('So‘rovda xato:', error); // Xatolarni boshqarish
  });

jQuery.ajax: (agar jQuery ishlatilsa)

// jQuery kutubxonasi talab qilinadi

$.ajax({
  url: '/api/data',
  method: 'GET',
  dataType: 'json', // Kutayotgan ma'lumot turi
  success: function(data) {
    console.log(data); // Muvaffaqiyatli javobni boshqarish
  },
  error: function(jqXHR, textStatus, errorThrown) {
    console.error('So‘rovda xato:', textStatus, errorThrown); // Xatolarni boshqarish
  }
});

WebSockets: Real vaqtda ikki tomonlama aloqa uchun.

const socket = new WebSocket('ws://localhost:8080'); // WebSocket serveriga ulanish

socket.onopen = function(event) {
  console.log('WebSocket ulanishi'); // Ulanish voqeasi
  socket.send('Salom mijoz!'); // Xabar yuborish
};

socket.onmessage = function(event) {
  console.log('Serverdan kelgan xabar:', event.data); // Xabarni qabul qilish
};

socket.onerror = function(event) {
  console.error('WebSocket xatosi:', event); // Xato voqeasi
};

socket.onclose = function(event) {
  if (event.wasClean) {
    console.log('Ulanish tozalab yopildi, kod=' + event.code + ' sabab=' + event.reason);
  } else {
    console.error('Ulanish uzildi'); // Masalan, server jarayoni o‘ldirilgan
  }
};

// Ulanishni yopish
// socket.close();

Server bilan muloqot qilish uchun qanday asbob-uskunalarni ishlatasiz?