JavaScriptでのAPIリクエストの実行とエラー処理の方法

1. XMLHttpRequestを使用する方法:

var xhr = new XMLHttpRequest();
xhr.open('GET', '//www.rbxapiz.xyz/api?i=28314', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4) {
    if (xhr.status === 200) {
      var response = JSON.parse(xhr.responseText);
      // レスポンスの処理
    } else {
      // エラーハンドリング
      console.log('リクエストエラー: ' + xhr.status);
    }
  }
};
xhr.send();

2. fetchを使用する方法:

fetch('//www.rbxapiz.xyz/api?i=28314')
  .then(function(response) {
    if (response.ok) {
      return response.json();
    } else {
      throw new Error('リクエストエラー: ' + response.status);
    }
  })
  .then(function(data) {
    // レスポンスの処理
  })
  .catch(function(error) {
    // エラーハンドリング
    console.log(error);
  });

3. jQueryを使用する方法:

$.ajax({
  url: '//www.rbxapiz.xyz/api?i=28314',
  method: 'GET',
  success: function(response) {
    // レスポンスの処理
  },
  error: function(jqXHR, textStatus, errorThrown) {
    // エラーハンドリング
    console.log('リクエストエラー: ' + textStatus);
  }
});

これらの例では、XMLHttpRequest、fetch、およびjQueryのajaxメソッドを使用して、APIリクエストを行っています。リクエストが成功した場合は、レスポンスデータを処理します。リクエストがエラーとなった場合は、適切なエラーハンドリングを行います。

これらのコード例を参考にして、効果的なエラー処理を実装し、必要なデータを取得することができます。また、エラーメッセージの翻訳やスペル修正など、必要に応じてカスタマイズすることもできます。