jQueryã¨Ajaxã§ä½œã‚‹ã‚¹ãƒ ーズページング (1/3)Googleã®æ¤œç´¢çµæžœã®ã‚ˆã†ã«ã€é•·ã„ãƒªã‚¹ãƒˆé …ç›®ã‚’è¤‡æ•°ã®ãƒšãƒ¼ã‚¸ã«åˆ†å‰²ã—ã¦è¡¨ç¤ºã™ã‚‹ã“ã¨ã‚’「ページングã€ï¼ˆPaging）ã¨è¨€ã„ã¾ã™ã€‚ページング処ç†ã§ã¯ä¸‹éƒ¨ã«ãƒŠãƒ“ゲーションリンクをé…ç½®ã—ã€ã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸç•ªå·ã®ãƒšãƒ¼ã‚¸ã‚’表示ã—ã¾ã™ãŒã€ãƒšãƒ¼ã‚¸å…¨ä½“をリãƒãƒ¼ãƒ‰ã—ã¦åˆ‡ã‚Šæ›¿ãˆã‚‹ã«ã¯æ™‚é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ãã“ã§ä»Šå›žã¯ã€ã‚¹ãƒ ーズã«ãƒšãƒ¼ã‚¸ãƒ³ã‚°ã•ã›ã‚‹ãŸã‚ã«Ajaxを利用ã—ã¦æ›´æ–°ãŒå¿…è¦ãªéƒ¨åˆ†ã®ã¿ã‚’外部ファイルã‹ã‚‰èªã¿è¾¼ã‚“ã§æ›¸ãæ›ãˆã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¹ãƒˆãƒ¬ã‚¹ã‚’軽減ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã—ょã†ã€‚ データã®HTMLを用æ„ã™ã‚‹ 今回ã¯ã€æ•°ãŒå¤šã„商å“æƒ…å ±ã®ãƒªã‚¹ãƒˆã‚’複数ã®ãƒšãƒ¼ã‚¸ã«åˆ†å‰²ã—ã¦è¡¨ç¤ºã™ã‚‹ã‚µãƒ³ãƒ—ルを作æˆã—ã¾ã™ã€‚ã¯ã˜ã‚ã«Ajaxã§èªã¿è¾¼ã‚€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„データを用æ„ã—ã¾ã™ã€‚Ajaxã¯ã€XMLã‚„JSON（JavaScript Object Notation）ã€ãƒ†ã‚ストãªã©ã•ã¾ã–ã¾ãƒ‡ãƒ¼ã‚¿ã‚’扱ãˆã¾ã™ãŒã€ä»Šå›žã¯ã‚‚ã£ã¨ã‚‚手軽ãªHTMLを使ã„ã¾ã—ょã†ã€‚コンテン
HTML5 ã«ãŠã‘ã‚‹ HTML4 ã‹ã‚‰ã®å¤‰æ›´ç‚¹
MdN Design｜ç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
{{#tags}}- {{label}}
{{/tags}}