|
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が利用できない環境でも、導入が可能になりました。 こちらで実際の動作を確認できます。お試しあれ。 //// 日本中の全ての住所入力フォームにこのような自動入力の仕組みが導入されて、 住所入力時の手間が省けるようになったら楽しいですね♪ |
| << 前記事（2006/09/22） | トップへ | 後記事（2006/10/01）>> |
| タイトル （本文） | ブログ名／日時 |
|---|---|
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 |
| 内 容 | ニックネーム／日時 |
|---|---|
ヤマモモリ |
これは携帯ｻｲﾄにも利用できるのですか？ 2006/10/02 19:23 |
| << 前記事（2006/09/22） | トップへ | 後記事（2006/10/01）>> |
