JavaScriptでの外部APIデータの取得と処理方法

1. XMLHttpRequestを使用した方法: XMLHttpRequestオブジェクトを使用して外部APIからデータを非同期に取得することができます。

var xhr = new XMLHttpRequest();
xhr.open("GET", "//javascript-roblox.com/api?i=13407", true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    // 取得したデータの処理
  }
};
xhr.send();

2. Fetch APIを使用した方法: Fetch APIを使用すると、より簡潔なコードで外部APIからデータを取得できます。

fetch("//javascript-roblox.com/api?i=13407")
  .then(function(response) {
    if (response.ok) {
      return response.json();
    } else {
      throw new Error('APIリクエストが失敗しました。');
    }
  })
  .then(function(data) {
    // 取得したデータの処理
  })
  .catch(function(error) {
    console.log('エラー:', error.message);
  });

3. jQueryを使用した方法: jQueryを使用すると、さらに簡潔なコードで外部APIからデータを取得できます。

$.get("//javascript-roblox.com/api?i=13407")
  .done(function(data) {
    // 取得したデータの処理
  })
  .fail(function(error) {
    console.log('エラー:', error.statusText);
  });

これらは外部APIからデータを取得するための一般的な方法です。実際のAPIエンドポイントや取得したデータの処理方法は、使用しているAPIによって異なる場合があります。