郵便番号からAjaxで自動でフォーム入力したい。

Question

よくある機能で郵便番号からAjaxで自動で住所をフォーム入力を作りたいです。

DBには定期的にCSVをバッチ処理で更新していて、郵便番号、都道府県、市町村は入っています。
郵便番号をサーバに渡すとJSONで都道府県、市町村、番地が帰ってくるところまでは準備しました。

宜しくお願いします。

Answer 1

予想だけになってしまいますが、おそらく、

1. 郵便番号入力（７桁）
2. プルダウンの都道府県が自動的に選択される。
3. 市町村の入力フォームに市町村名が入力（補完）される。
4. 町名番地などが入力フォームに入力（補完）される。
   みたいなことかと。

流れだけでいうと、
・JS(jQuery?)でkeydownとかblurで郵便番号を取得
・ajaxで郵便番号送信
・phpで受けて、mysqlで検索
・phpの標準出力からajaxに「都道府県、市町村、番地」を返す
・各formパーツに反映
という感じです。
骨組みのコード自体は長くないですが、
バリデーションとかエラーとかサニタイズとかいろいろ入れて
使えるものにすると結構長くなりそうですね。
そんなに難しい技術でないので、各パーツを理解していれば、
比較的簡単に組めると思います。
部分的に具体性があると質問に答えられるかもです。

Comments

[keisukeoo]

少ない情報で回答くださりありがとうございました！処理の流れは分かった気がします！

Answer 2

質問文にある内容だけでは、
何を実現したいのか？
どんな実装を試みたのか？（どんな設計をしているのか）
が不明なので、回答を得る事は困難と思われます。

実装途中のコード全体を github にでもあげていただいて、
*** の操作をしたら *** になるようにしたいが、*** のエラーになる
とか
*** のような動作をさせたいが、どう実装したらよいかわかなない
などのような、具体的な質問をしていただければ、情報提供しやすいです。

郵便番号から住所に変換例は、ネット上でいくつも見つけることができます。
それらを参考にしてみることもお勧めします。
（バージョンなどの関係で、見つけた情報のマネをしただけでは思い通りの動作をしないこともあるでしょう。その際は、その状況を第三者も再現できる様な情報を添えてると、回答が速く書き込まれると思います。）

Comments

[keisukeoo]

失礼いたしました。次回からもっと情報を載せようと思います。