일본 주소 api 테스트

src/main/webapp/WEB-INF/views/sopmal/mpage/mbr/DlvylcRegistPopupC.jsp

@@ -22,6 +22,31 @@
         $('[name=dlvylcAreaCd]').on('change', fn_toggle_langHeader);
         fn_toggle_langHeader();
     });
+
+    const fn_select_postcodeJp = function () {
+        console.log();
+        $.ajax({
+            url: 'https://zipcloud.ibsnet.co.jp/api/search?zipcode='+$('#zip').val(),
+            type: 'GET',
+            dataType: 'json',
+            success: function (Data) {
+                console.log(Data);
+
+                let result = Data.results;
+                console.log(result);
+                console.log(result[0]);
+
+                if (res.status === 200 && res.results && res.results.length > 0) {
+                    console.log("addresss1 : "+res.results[0].address1);
+                    console.log("addresss2 : "+res.results[0].address2);
+                    console.log("addresss3 : "+res.results[0].address3);
+                }
+            },
+            error: function (xhr, status, error) {
+                console.error('API 호출 실패:', error);
+            }
+        });
+    }
 </script>
 <div id="dlvylcRegist" class="modal default" style="max-width: 600px;">
     <form id = "dlvylcRegistForm">
@@ -65,8 +90,8 @@
                         <th class="langJp">郵便番号<span class="required-asterisk">*</span></th>
                         <td>
                             <input type="text" class="m-input short" id="zip" name="zip"  title="우편번호" maxlength="7" readonly>
-                            <button class="find-address-btn langKr" onclick="fn_select_postcode(fn_select_dlvylc_postcode); return false;">우편번호 찾기</button>
+                            <button class="find-address-btn" onclick="fn_select_postcode(fn_select_dlvylc_postcode); return false;">우편번호 찾기</button>
-                            <button class="find-address-btn langJp" onclick="fn_select_postcodeJp(); return false;">検索</button>
+                            <button class="find-address-btn" onclick="fn_select_postcodeJp(); return false;">検索</button>
                             <input type="text" class="m-input long my" id="adres" name="adres"  maxlength="66" readonly title="주소">
                             <input type="text" class="m-input long" id="dtlAdres" name="dtlAdres" title="상세주소" maxlength="66" placeholder="나머지 주소를 입력해 주세요">
                         </td>