最近、HTML５でコーディングしなければならなくなり、その便利さ、素晴らしさに感動していたのだが、
そんな中でHTML５ではないがAjax（Asynchronous JavaScript + XML）でめちゃ簡単に色んな事ができるじゃないか！！
フォームで郵便番号を入れると住所が反映されるシステムを入れるのにサーバーにcgiなんかを設置したものだが
（郵便番号や住所が変わるとデータベースの書換が必要）、何と今やGoogle APIでたったコード2行で実現できるって(^-^;
書き方は簡単
ヘッダーに下記のスクリプトを1行追加
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title></title>
<script src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>
</head>
フォームの郵便番号入力のinputにAjaxを呼び出す1文を追加
<input type="text" name="郵便番号" size="10" maxlength="8" onKeyUp="AjaxZip3.zip2addr(this,'','都道府県','住所１');">
<input type="text" name="都道府県" size="20">
<input type="text" name="住所１" size="60">
これで郵便番号入れれば住所が反映されます。
昔、一生懸命、SQLサーバー使ったり、Perlで書いたりしていた事の苦労が1文でって思うと(^-^;
この記事へのコメントはありません。