Ajaxソリューション
■
「Ajax」で何ができるのか?
[HPが使いやすくなる]
→ 画面遷移がなくなり、スムーズに使える。
→ 直感的な操作が実現する。
[リアルタイム性が出る]
→ ブラウザを更新しなくても最新情報を表示できる。
[見た目がよくなる]
→ 視覚効果で見た目の印象が格段に上がる。
では具体例を見てみましょう。
■GoogleMap例 (IE6、FireFox1.5 にて確認済み)
※Google提供のAPIを用いて地図を表示。
※ドラッグ&ドロップで地図を移動。
■郵便番号から住所補完 (IE6、FireFox1.5 にて確認済み)
本ページ右側の『Ajaxで郵便番号から住所検索』で実装しております。
郵便番号を入力するだけで、自動的に住所を入力します。
(仕組み)
・郵便番号が入力された瞬間に、データベースに検索。
・検索結果はJavascriptが受け、表示しています。
■ページング (IE6、FireFox1.5 にて確認済み)
本ページ右側の『Ajaxでページング』で実装しております。
前ページ・次ページのリンクをクリックすることでその部分だけでページ遷移を行います。
(仕組み)
・表示するページをデータベースに検索。
・検索結果はJavascriptが受け、該当ページ表示しています。
■Ajaxでブログ検索(IE6、FireFox1.5 にて確認済み)
本ページ右側の『Ajaxでブログ検索』で実装しております。
キーワードを入力し、「検索」ボタンを押すことでGoogleにブログ検索を行っています。
(仕組み)
・GoogleAPIを用いて検索。
・検索結果はJavascriptが受け、一覧表示しています。