質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

Q&A

解決済

2回答

3322閲覧

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

keisukeoo

総合スコア146

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

0グッド

1クリップ

投稿2014/09/08 06:23

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

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

宜しくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

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

  1. 郵便番号入力(7桁)
  2. プルダウンの都道府県が自動的に選択される。
  3. 市町村の入力フォームに市町村名が入力(補完)される。
  4. 町名番地などが入力フォームに入力(補完)される。

みたいなことかと。

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

投稿2014/09/09 00:42

osamuya

総合スコア241

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

keisukeoo

2014/09/10 01:40

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

0

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

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

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

投稿2014/09/08 14:50

katoy

総合スコア22324

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

keisukeoo

2014/09/10 01:41

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問