郵便番号から住所を取得

お世話になっております。

タイトルの件について、郵便番号を入力すると住所が所得できるように設定をしたいと

思っております。

郵便番号→住所について左記の記事も確認しましたが「https」での取得が難しいようなので、

ajaxzip3を使用して設定を行なうと思い、現在下記のようなコードで設定しているのですが、

(function() {
    "use strict";
    document.write('<script src="https://ajaxzip3.github.io/ajaxzip3.js"></script>');
    var events = [
        'app.record.create.show','app.record.edit.show'
    ];
    kintone.events.on(events, function(event) {
        var copySp = kintone.app.record.getSpaceElement('button');
        copySp.id = 'button'
        var copyBt = document.createElement('button');
        copyBt.textContent = '住所検索';
        copySp.appendChild(copyBt);
        var record = event.record;
        var zipcode = record['郵便番号']['value'];
        copySp.onclick = function () {
            AjaxZip3.zip2addr('zipcode', '', 'addr1', 'addr2', 'addr3');
            var rec = kintone.app.record.get();
            rec.record['都道府県'].value = addr1;
            rec.record['市町村'].value = addr2;
            rec.record['他番地'].value = addr3;
            kintone.app.record.set(rec);
        };
        return event;
    });
})();

addr1~3までの関数が指定されていないようなエラーで取得が出来ていません。

HTMLだと下記のように設定し、取得ができているので、同じようにkintoneでも

出来るかと思っているのですが、どのように書き換えれば良いかわからず、質問させていただきました。

<script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" charset="UTF-8"></script>
<input type="text" name="zipcode" id="sss">
<input type="text" name="addr1">
<input type="text" name="addr2">
<input type="text" name="addr3">
<input type="button" id="button" value="load">
<script type="text/javascript">
$("#button").click(function() {
AjaxZip3.zip2addr('zipcode', '', 'addr1', 'addr2', 'addr3');
});
</script>

お手数ですが、ご確認、ご教授いただければ幸いでございます。

よろしくお願いします

Naoさん

 

郵便番号→住所についてのhttpsをhttpに変えたらいいと思います。

lpj様

ご返信ありがとうございます。

セキュリティ的にhttpだとダメそうなので、

ajaxzip3でもう少し考えようと思います。

アドバイスありがとうございます。