Javascript ile HTTP isteği oluşturma

JavaScript'te bir HTTP isteğinde bulunmanın birkaç yolu vardır. İşte birkaç seçenek:

XMLHttpRequest nesnesini kullanın

Bu, JavaScript'te tarayıcıdan HTTP istekleri yapmanıza izin veren yerleşik bir nesnedir. Bir sunucuya HTTP isteği göndermek ve yanıt almak için XMLHttpRequest nesnesini kullanabilirsiniz. Bir sunucuya GET isteği göndermek için XMLHttpRequest nesnesinin nasıl kullanılacağına ilişkin bir örneği burada bulabilirsiniz:

var xhr = new XMLHttpRequest();

xhr.open('GET', 'http://www.example.com/api/data');
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.send();

Ve bir POST isteği yapmak için:

var xhr = new XMLHttpRequest();
xhr.open("POST", "http://www.example.com", true);
xhr.send();

Fetch API'sini kullanın

FetchAPI'sı, JavaScript'te HTTP istekleri yapmanın daha yeni bir yoludur. Asenkron ile çalışmayı kolaylaştıran Promises'ı kullanır. Bir sunucuya GET isteği göndermek için getirme API'sinin nasıl kullanılacağına ilişkin bir örneği burada bulabilirsiniz:

fetch('http://www.example.com/api/data')
  .then(response => response.text())
  .then(text => console.log(text))
  .catch(error => console.error(error));

Bir kütüphane veya framework kullanın

JavaScript'te HTTP istekleri yapmak için ek işlevsellik sağlayan birçok kütüphane ve framework vardır. Bazı popüler seçenekler arasında Axios, SuperAgent ve jQuery bulunur. Bu kütüphane genellikle HTTP istekleri yapmak için daha basit bir arabirim sağlar ve ayrıca JSON yanıtlarının otomatik olarak ayrıştırılması, hata işleme ve daha fazlası gibi ek özellikler sağlayabilir.
Örneğin, bir sunucuya GET isteği göndermek için Axios'u şu şekilde kullanabilirsiniz:

axios.get('http://www.example.com/api/data')
  .then(response => console.log(response.data))
  .catch(error => console.error(error));