js 地域LPO

どこどこJPというサービスを使うときのメモ

サイトで都道府県を表示させる
docodocoはドメイン1つで同じものを使うので、下層ページならトップページに合わせる
callbackで変数を指定する
下記はイメージ

読み込むjs

<!-- LPO -->
<script src="../js/prefecture-setter.js"></script>
<script src="//hogehoge.com/api/v1/docodoco/5555555-5555-5555-5555-5555555555555.json?callback=setPrefecture"></script>
<!-- LPO -->

prefecture-setter.jsの中身
上で読み込んだjsのコールバックで下記の関数を呼び出す

prefecture-setter.js

;function setPrefecture(json){
    var data = JSON.parse(json.data);

    //都道府県を取得
    var prefJName = data.PrefJName;

    /*
    ## 都道府県
    */
    ;(function(){
        var pref;
        switch(prefJName){
            case '北海道':
                pref = prefJName;
                break;

            case '東京':
                pref = prefJName + '都';
                break;

            case '京都':
            case '大阪':
                pref = prefJName + '府';
                break;

            default:
                pref = prefJName + '県';
                break;
        }
        $('.pref-txt').text(pref);
    })();

};

こんなかんじで都道府県ごとにテキストは吐き出させる