Analog Studio

Tips

Web サイト制作に役立つ情報や小技などをまとめています。

Javascript

記事一覧

郵便番号から自動で住所を検索する方法【Javascript】

概要

Web サイトに訪れてくれた方からのお問い合わせにフォームを使うことは多いと思います。 メールクライアントソフトを起動させることなく、ブラウザ上から手軽に送信できる利点は大きいです。 また、必要な項目が予め表示されているので記載すべき内容をユーザが考えなくても良いというところも大事ですね。 さてそんな便利なフォームですが、住所の入力をお願いしたいという管理者の方も多いのではないでしょうか? しかし住所の入力は億劫な方が多いのも事実です。少なくとも私は好きではありません(笑) せっかくお問い合わせしようとしても面倒な項目が必須だと送信を躊躇ってしまうこともあります。 そこで、Javascript も用いて郵便番号から自動的に住所を検索してユーザの利便性を上げる方法を紹介します。 コンセプトは「ユーザの手間を少しでも減らす」です。

Javascriptでページ遷移せずにPOST送信する方法【非同期通信】【XHR】

概要

データを POST メソッドでサーバなどへ送信する時、HTML の <FORM> 要素を使って送信するとページが遷移しますよね。 でも、場合によってはページ遷移はさせたくないけどデータは POST で送信したいということがあります。 今回は、そんな場合にどのようにすれば良いかをまとめます。 使う手法は、XMLHttpRequest (略して XHR ) という非同期でサーバとブラウザが通信を行う仕組みを利用してます。 フォームに入れたデータを送信する場合とデータは別で用意する場合の2パターンについて解説します。