• TOP PAGE
  • PICK UP
  • Instagram

HTML5

2017.06.09 09:03
HTML5のHistoryAPIでAjaxの非同期通信をコントロール
ちょっと備忘録です。お客様のサイトで、「続きを見る」などでAjaxの非同期通信を使いどんどんコンテンツを表示させる機能を実装しています。ただ、ページ遷移し、戻ると初期画面に戻ってしまうので、HTML5のHistoryAPIを実装してみました。色々調べたのですが、なかなかページ遷移、戻るの挙動について解説しているサイトが見当たらなかったので、結構悩みました。仕様トップページでAjaxの非同期通信を行い、写真をどんどん表示写真をクリックすると詳細ページに遷移詳細ページからブラウザの「戻る」でトップページが写真が開いている前の状態にしたい実装例function(){$.ajax({url: './index_ajax.php',data: parms,typ...

webcosi

webcosiではweb制作・開発に関連する技術や手法等の備忘録やTipsを記述していきます。

記事一覧

Copyright © 2025 webcosi.

Powered byAmebaOwnd無料でホームページをつくろう