javascript jsonデータをXMLHttpRequestを使って取得する

javascript jsonデータをXMLHttpRequestを使って取得する

javascriptで、XMLHttpRequesを使用して、jsonデータをXMLHttpRequestを使って取得するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

XMLHttpReques使い方

XMLHttpRequesを使用すると、json形式のデータを取得することが可能です。

実行結果

サンプルコード

以下は、
「実行」ボタンをクリックすると、JSONデータをXMLHttpRequestで取得してjavascriptのオブジェクトに変換して、フロントに表示する
サンプルコードとなります。

※cssには「bootstrap5」を使用してます。「bootstrap5」は、IEのサポートを終了してます。

表示されていることが確認できます。