Kawanet Blog II

アクセスカウンタ

zoom RSS [Ajax] CGI不要の郵便番号→住所変換フォーム

<<   作成日時 : 2006/09/23 23:35   >>

面白い ブログ気持玉 4 / トラックバック 2 / コメント 2

AjaxZip 2.0は、昨年公開した『ajaxな住所入力フォーム』の新バージョンです。
郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。
AjaxによるXHR通信と JSON フォーマットを利用したフォームです。
JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。
郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。
既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。


タネ明かしをすると、この新バージョンのポイントは、郵便番号辞書CSVファイルを
1,000ファイル弱のJSONフォーマットに分割している点です。
前バージョンでは、郵便番号辞書を予め Berkeley DBファイルに格納しておき、
フォームから入力された郵便番号を Perl CGI で検索していました。
今回はJSONフォーマットを採用することで、JavaScriptから郵便番号辞書ファイルを
ブラウザに直接ダウンロードして利用できます。
分割したJSONファイルの容量は最大でも46KBと小さいため、検索動作も軽いです。
レンタルサーバや、セキュリティ基準の厳しい企業ウェブサーバなど
自由にPerl CGIが利用できない環境でも、導入が可能になりました。

こちらで実際の動作を確認できます。お試しあれ。

////

日本中の全ての住所入力フォームにこのような自動入力の仕組みが導入されて、
住所入力時の手間が省けるようになったら楽しいですね♪

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ
気持玉数 : 4
面白い 面白い
なるほど(納得、参考になった、ヘー)
ナイス

トラックバック(2件)

タイトル (本文) ブログ名/日時
javascript + perl - yubin2jsonp
どうせなら、JSONPを使ってどこにでも設置できたらいいじゃんと思ったのでこんなのこさえました。 ...続きを見る
404 Blog Not Found
2006/09/24 16:07
links for 2006-10-16
hail2u.net - Weblog - pre要素へのスタイル指定 もう一度スタイルシートの整理をしなくっちゃ。 (tags: blog webdesign pre tips CSS) using API; 非公式だが使えるYahoo! Japan Geocoder API とりあえず、Bookmarkのみ・・・ (tags: geocoding Yaho... ...続きを見る
オラオラ
2006/10/17 06:22

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(2件)

内 容 ニックネーム/日時
ヤマモモリ
これは携帯サイトにも利用できるのですか?
2006/10/02 19:23
игровые автоматы игра resident <a href= http://info5.kazino-las-vegasa.ru/item789.html >пятикарточный покер с обменом</a> игровые автоматы играть бесплатно видео покер shark <a href= http://info5.kazino-las-vegasa.ru >Игровые Аппараты</a>
slots2
2013/06/05 04:08

コメントする help

ニックネーム
本 文
[Ajax] CGI不要の郵便番号→住所変換フォーム Kawanet Blog II/BIGLOBEウェブリブログ
文字サイズ:       閉じる