JavaScriptとJSONを使って、郵便番号を処理

前回の内容で、天気予報APIを使いたかったのですが、実は有料でしたね・・・調査不足でスミマセン。
なので、今回はこちらのサービスで試すことにしました。

ZIP SEARCH API SERVICE

http://project.iw3.org/zip_search/

郵便番号（3桁+4桁）から住所を検索するAPI。事業所個別の郵便番号にも対応！

上の様なツールを実装します。

必要なもの

• JSONのURL
• JavaScriptでJSONをパース（？）
• パースしたものを表示

です。

JSONのURL

ZipSearchAPIの場合は、以下のページに詳細が記載されています。

http://project.iw3.org/zip_search/index.html

JavaScript

var zip3=郵便番号最初の3桁;
var zip4=郵便番号最初の4桁;
var url = "http://api.thni.net/jzip/"+zip3+"/"+zip4+".json"

ただ、モノグサなので、jQueryで処理しようと思います。その場合のリクエストは以下。

$.getJSON( "http://api.thni.net/jzip/"+zip3+"/"+zip4+".json" + '?jsoncallback=?');

コールバックも併せて指定できるようなのですが、その間数名は固定のようです。

function ZipSearchValue(data){ //受信後の処理 //※上の関数名は固定です。 }

で、実際に動かしてみるサンプルは↓

sample program