Milliseid tööriistu kasutate serveriga suhtlemiseks…

XMLHttpRequest (XHR):

const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true); // Päringute seadistamine
xhr.onload = function() {
  if (xhr.status >= 200 && xhr.status < 400) {
    const data = JSON.parse(xhr.responseText); // Eduka vastuse töötlemine
    console.log(data);
  } else {
    // Vead töötlemine
    console.error('Viga päringul:', xhr.status);
  }
};
xhr.onerror = function() {
  // Võrgu vigade töötlemine
  console.error('Võrgu viga');
};
xhr.send(); // Päringu saatmine

Fetch API:

fetch('/api/data')
  .then(response => {
    if (!response.ok) {
      throw new Error('HTTP staatus ' + response.status); // HTTP vigade töötlemine
    }
    return response.json(); // JSON parsimine
  })
  .then(data => {
    console.log(data); // Andmete töötlemine
  })
  .catch(error => {
    console.error('Viga päringul:', error); // Muude vigade töötlemine
  });

Fetch või XHR põhised teegid:

Axios:

// Axiosi paigaldamine: npm install axios

import axios from 'axios';

axios.get('/api/data')
  .then(response => {
    console.log(response.data); // Andmetele juurdepääs läbi .data
  })
  .catch(error => {
    console.error('Viga päringul:', error); // Vigade töötlemine
  });

jQuery.ajax: (Kui kasutatakse jQuery-d)

// Nõutav jQuery teek

$.ajax({
  url: '/api/data',
  method: 'GET',
  dataType: 'json', // Oodatav andmetüüp
  success: function(data) {
    console.log(data); // Eduka vastuse töötlemine
  },
  error: function(jqXHR, textStatus, errorThrown) {
    console.error('Viga päringul:', textStatus, errorThrown); // Vigade töötlemine
  }
});

WebSockets: Kahepoolne suhtlus reaalajas.

const socket = new WebSocket('ws://localhost:8080'); // Ühenduse loomine WebSocket serveriga

socket.onopen = function(event) {
  console.log('WebSocket on ühendatud'); // Ühenduse sündmus
  socket.send('Tere, klient!'); // Sõnumi saatmine
};

socket.onmessage = function(event) {
  console.log('Saaudud sõnum serverilt:', event.data); // Sõnumi vastuvõtt
};

socket.onerror = function(event) {
  console.error('WebSocket viga:', event); // Vea sündmus
};

socket.onclose = function(event) {
  if (event.wasClean) {
    console.log('Ühendus suletud puhtalt, kood=' + event.code + ' põhjus=' + event.reason);
  } else {
    console.error('Ühendus katkestati'); // Näiteks serveriprotsess on tapetud
  }
};

// Ühenduse sulgemine
// socket.close();

Milliseid tööriistu kasutate serveriga suhtlemiseks?