コード・実装

【jQuery / ajax】ajaxで json 情報を取得する

jQuery / ajaxで json 情報を取得する方法の忘備録

実装方法

JavaScriptで情報取得

< script > (function ($) {
  $(function () {
    $.ajax({
      url: '【jsonへのパス】',
      type: 'GET',
      dataType: "json",
    }).done(function (d) {
      // success
      //取得jsonデータ
      var data_stringify = JSON.stringify(d);
      var data_json = JSON.parse(data_stringify);
      //jsonデータから各データを取得
      var data_id = data_json[0]["id"]; // jsonの構造ごとに変更してください
      //出力
      $("#span1").text(data_id);
    }).fail(function (d) {
      // error
      console.log('error');
    });
  });
})(jQuery); < /script>

 

HTML表示部分

<p>id:<span id="span1"></span></p>

 

 

 

ABOUT ME
WEBクリ開発者
当ブログでは主にWeb制作・HTML・ CSS・SCSS・JavaScript・jQuery・Vue.js・Wordpress・個人開発情報の情報を発信。 WEBデザイナー・コーダー・プログラマー向けのサイトです。 また、個人開発のサービスやアプリのお知らせもさせていただいています。