@Несколько способов получения данных из API с помощью JavaScript

XMLHttpRequest: это встроенный объект JavaScript, который позволяет выполнять HTTP-запросы из браузера. Поддерживается во всех современных браузерах.

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://suyashchandrakar.carrd.co/");
xhr.send();

xhr.onload = function() {
  if (xhr.status == 200) {
    //Info
// Process the data
  }
};

jQuery.ajax(): если вы используете библиотеку jQuery, вы можете использовать функцию $.ajax() для выполнения HTTP-запросов.

$.ajax({
  url: "https://suyashchandrakar.carrd.co/",
  success: function(data) {
    //Info 
// Process the data
  }
});

fetch(): функция fetch() представляет собой современный способ выполнения HTTP-запросов. Он поддерживается в большинстве современных браузеров и возвращает промис, разрешающий ответ на запрос.

fetch("https://suyashchandrakar.carrd.co/")
  .then(response => response.json())
  .then(data => {
//Info    
// Process the data
  });