郵便番号検索 using Ajax を実際に作ってみた

clouder (2005年3月 3日 03:04) | コメント(3) | トラックバック(2)
すでに他の方が作っていたりしますが、郵便番号検索をAjaxで実装してみました。
他の方が作ったものと違っているところは

・候補がリストで出る
・数字以外を入力しているとリアルタイムでエラーが出る
・余計なリクエストを飛ばさないように4文字以上になって初めてリクエストを飛ばすようにしてある
・程度候補が絞られると、リストを選択すれば逆に郵便番号入力欄の方に郵便番号がフィルインされるようになっている

ぐらいですかね。ページはこちらです。

ちなみにXMLHttpRequestで取得しているXMLは下記のようなデータになっています。 
<?xml version="1.0" encoding="utf-8"?>
<addresses>
        <items>
                <address>東京都江戸川区北葛西</address>
                <zip>1340081</zip>
        </items>
        <items>
                <address>東京都江戸川区宇喜田町</address>
                <zip>1340082</zip>
        </items>
        <items>
                <address>東京都江戸川区中葛西</address>
                <zip>1340083</zip>
        </items>
</addresses>

カテゴリ:

トラックバック(2)

トラックバックURL: http://blog.clouder.jp/mt/mt-tb.cgi/313

ITソルジャーの目指せ海外就職！ - ajax とやらで日本語訳検索 (2005年3月17日 04:09)

ちょっと恥ずかしいぐらい流行に乗り遅れてますが、ちょっと時間があったので ajax とやらを試してみました。 シームレスなUIを実現するための機能の一つが X... 続きを読む

ADLIZE BLOG - Ajax (2005年8月10日 14:50)

最近、Ajax（えいじゃっくす）という技術がなにかと話題になってます。Ajaxがどういうものか詳しい解説はこちらで。 まぁ、要はいちいちボタン押して送信したり... 続きを読む

コメント(3)

たつや | 2005年3月 3日 08:34 | 返信

すばらしい！

住所の一部を入力で郵便番号が出るってむずかしいですか？

sgk | 2005年3月 3日 15:16 | 返信

http://sgk.packetbusiness.com/zip/
かなりテキトウに作りました。

たつや | 2005年3月 3日 15:44 | 返信

すごい！感動しました。。。

コメントする

検索

広告

カテゴリ

月別 アーカイブ

OpenID対応しています OpenIDについて
Powered by Movable Type 5.12