荒井雄治朗pjaxできれいなURL+非同期画面遷移!ツイートシェアはてブLINEPocketこんにちは。API」というHTML5の機能を使って、URLを更新することで実現してます。Wanstrathって人が作ってるjqueryプラグインです。APIとajaxを使った非同期の画面遷移を簡単に導入することができます。'#pjax-container')}↑こう書くと、data-pjax属性があるaタグをクリックした場合、idがpjax-containerの部分を更新するようになります。$.support.pjaxでブラウザがpjaxに対応しているかを確認しています。'#pjax-container')})↑こう書けば、submitでもpjax使えます。サーバ側の対応pjaxを使ってサーバにリクエストがあると、X-PJAXというヘッダを送ります。サーバ側ではこのリクエストヘッダを確認して、X-PJAXがリクエストヘッダにある場合、レイアウト部分は返さないようにします。endendデモpjaxを使った画面遷移と通常の画面遷移を比べられるようにデモを作りました!!デモソースおわりpjaxでWebページがさくさくだ!!GeneralJavaScriptこの記事が気に入ったらいいねしよう!最新記事をお届けします。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。monacaでenchant.jsを使って簡単なゲームを作ってみた。入社5年目の私が、「システム開発の開発現場ってどんな感じなの?」にやさしくお答えします。RECOMMENDこちらの記事も人気です。~その2~General2013.10.21monacaでenchant.jsを使って簡単なゲームを作ってみた。General2016.1.28【cocos2d-x】スプライトを規則的に並べる為の静止中は常に視点を向...General2014.10.16Xcode6で僕たちはAutoLayoutを無視できなくなった。WEBサイトやスマホアプリの構築に従事。新たな技術を積極に取り入れ、プロジェクトに貢献。テック系の情報などにも精通しており、世界で通用するスーパーハッカーを目指している。2009年、株式会社ヘッドウォータース新卒入社。[ソリューション編]General2014.10.16Xcode6で僕たちはAutoLayoutを無視できなくなった。General2014.6.3Dartの良いとこ調べたよGeneral2014.4.17この春、"Dart"をはじめよう。