投稿をjson形式のAPIにしてajaxで取得して表示

Galleryの写真を追加していこうとしたら、使いにくさが気になったので思い切って仕様を変更しました。

 

[変更前]

画像のタグをページに直書き

 

[変更後]

APIで返してjsで表示

 

 

サーバーのスペックのせいなのか、レスポンスに2秒近く費やすことも・・・汗

どんだけ遅いんだ. _:(´ཀ`」∠):_

 

 

APIはjson形式にしており、Wordpressのテンプレートファイルを利用しています。

ALL:ギャラリーの一覧(いわゆるarchive-***.php)

ALL以外のカテゴリ:タクソノミーアーカイブ(taxonomy-***.php)

 

通常のテンプレートタグのループで回した後、jsonに変換する記述を入れています。

 

 

header( 'Content-type: application/json; charset=uft-8' );
echo json_encode( $json );

 

 

APIはajaxでGET送信してページに表示しています。

大体以下の流れの処理を入れています。

需要があればもう少し詳しく説明するかも・・・(気が向いたら・・・)

(GET送信について詳しくはG先生へ・・・)

 

$.ajax({
  url: APIのURL,
  type: 'GET',
  dataType: 'json'
}).done(function(data){
  // 通信に成功した時の処理
  // 今回は取得したデータを元にhtmlタグを記述
}).always(function(data) {
  // 通信完了時の処理
  // 今回はモーダルとマウスオーバーの挙動を記述
}).fail(function() {
  // 通信に失敗したときの処理
});