SDKを使ったJSONPリクエスト

郵便番號(hào)送信のシンプルなリクエストと、要素を指定するお任せなリクエストと2パターンが利用できます。

シンプルなリクエスト（コールバック処理を自分でやりたい方向け）

引數(shù)に郵便番號(hào)とコールバック関數(shù)を渡すだけの簡(jiǎn)単なリクエストです。その代わり、エラー処理や取得した住所データのセットは自分でやらないといけません。
郵便番號(hào)の呼び出しにフックして、何か処理を挾みたい時(shí)にはこちらの方法をオススメします。

サンプルコード

// jQueryなら$とかやってください
document.addEventListener('DOMContentLoaded', function() {
  
  // 検索ボタンなど
  var btn = document.getElementById('zipaddr');
  // 郵便番號(hào)データ
  var zipcode = document.getElementById('zipcode');

  // クリックイベントでリクエスト
  btn.addEventListener('click', function() {
    // リクエスト
    ZA.request(zipcode.value, function(data, err) {
      // エラーがあったか見(jiàn)つからない
      if ( err ) {
        return alert(data.message);
      }

      // データセット
      document.getElementById('address').value = data.fullAddress;
    });
  });
}, false);
            

ZA.request()がSDKリクエストを行う部分です。ページ內(nèi)に複數(shù)検索ブロックがあっても動(dòng)作します。詳しくはSDKリファレンスを參照して下さい。

お任せリクエスト（自動(dòng)的にセットまでしたい方向け）

AjaxZip2みたいに最初にセットする要素などのパラメータをセットしてイベント監(jiān)視するタイプです。こちらも複數(shù)ブロックに対しても動(dòng)作可能です。

お任せリクエストの場(chǎng)合、city及びtownの値は使用できません。

サンプルコード

// jQueryなら$とかやってください
document.addEventListener('DOMContentLoaded', function() {
  
  // 検索ボタンなど
  var btn = document.getElementById('zipaddr');

  // リクエストハンドル生成
  var handle = ZA.register({
                 zip1    : ZA.node('zip1'),
                 zip2    : ZA.node('zip2'),
                 pref    : ZA.node('pref'),
                 address : ZA.node('address')
              });
  // イベント監(jiān)視
  handle.event(btn, 'click');

}, false);
            

ZA.register()でアプリケーションセットを生成します。引數(shù)はハッシュのみ受け付けます。パラメータの種類はSDKリファレンスを參照して下さい。