api 적용하는법 질문입니다

Question

주소를 입력하는api를 담당했는데요가입 페이지는 다른 블로그를 참조해가며 다음에서 제공하는 주소 api를 활용해서완성했습니다.이렇게 구조를 짜고 id값 정의해줘서 $("#addr1").val(data.zonecode); $("#addr2").val(addr); $("#addr3").attr("readonly",false); $("#addr3").focus(); }이렇게 했는데그다음 회원들 정보 수정하는 페이지 구현인데요.이렇게 밸류값이 ${t_dto.getAddr1() } 이렇게 되어있습니다.그러면 자바 스크립트에서 아까 저부분을//우편번호와 주소 정보를 해당 필드에 넣는다.${t_dto.getAddr1()}.val(data.zonecode);${t_dto.getAddr2()}.val(addr);${t_dto.getAddr3()}.attr("readonly",false);${t_dto.getAddr3()}.focus();}}).open();}이런식으로 바꿔도되나요?dto값이 있어서 저렇게 value= 부분을 그대로 복사해서 저렇게 대체해줘야하는건지..아니면 어차피 주소 검색하면 아예 바뀌는거니까 여기도 id 넣어줘서join.jsp때처럼 똑같이 하면 되는건지요? #addr1 이걸${t_dto.getAddr1()}이걸로 그냥 대체한건데 (value값이 이렇게 되어있으니까)어차피 주소가 바뀔거라면 그냥 id를 넣고 하는게 맞는지..아니면 저렇게 해도 상관은 없는지?? 궁금합니다.아니면이렇게 그냥 id를 정의해주고 기존 방식대로 하는게 맞을까요?저렇게 하면 아예 안되는건지 궁금합니다.///혹시 몰라서 다음 카카오 주소 api 전체 함수영역 첨부합니다.///function address_confirm(){ //ajax 단 new daum.Postcode({ oncomplete: function(data) { // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분. // 각 주소의 노출 규칙에 따라 주소를 조합한다. // 내려오는 변수가 값이 없는 경우엔 공백('')값을 가지므로, 이를 참고하여 분기 한다. var addr = ''; // 주소 변수 var extraAddr = ''; // 참고항목 변수 //사용자가 선택한 주소 타입에 따라 해당 주소 값을 가져온다. if (data.userSelectedType === 'R') { // 사용자가 도로명 주소를 선택했을 경우 addr = data.roadAddress; } else { // 사용자가 지번 주소를 선택했을 경우(J) addr = data.jibunAddress; } // 사용자가 선택한 주소가 도로명 타입일때 참고항목을 조합한다. if(data.userSelectedType === 'R'){ // 법정동명이 있을 경우 추가한다. (법정리는 제외) // 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다. if(data.bname !== '' && /[동|로|가]$/g.test(data.bname)){ extraAddr += data.bname; } // 건물명이 있고, 공동주택일 경우 추가한다. if(data.buildingName !== '' && data.apartment === 'Y'){ extraAddr += (extraAddr !== '' ? ', ' + data.buildingName : data.buildingName); } // 표시할 참고항목이 있을 경우, 괄호까지 추가한 최종 문자열을 만든다. if(extraAddr !== ''){ extraAddr = ' (' + extraAddr + ')'; } //주소변수 문자열과 참고항목 문자열 합치기 addr += extraAddr; } else { addr += ''; }//↓궁금한 부분입니다. // 우편번호와 주소 정보를 해당 필드에 넣는다. $("#addr1").val(data.zonecode); //$("[name=memberAddr1]").val(data.zonecode); // 대체가능 $("#addr2").val(addr); //$("[name=memberAddr2]").val(addr); // 대체가능 // 상세주소 입력란 disabled 속성 변경 및 커서를 상세주소 필드로 이동한다. $("#addr3").attr("readonly",false); $("#addr3").focus(); } }).open(); }이게 join.jsp구요function address_confirm(){ //ajax 단 new daum.Postcode({ oncomplete: function(data) { // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분. // 각 주소의 노출 규칙에 따라 주소를 조합한다. // 내려오는 변수가 값이 없는 경우엔 공백('')값을 가지므로, 이를 참고하여 분기 한다. var addr = ''; // 주소 변수 var extraAddr = ''; // 참고항목 변수 //사용자가 선택한 주소 타입에 따라 해당 주소 값을 가져온다. if (data.userSelectedType === 'R') { // 사용자가 도로명 주소를 선택했을 경우 addr = data.roadAddress; } else { // 사용자가 지번 주소를 선택했을 경우(J) addr = data.jibunAddress; } // 사용자가 선택한 주소가 도로명 타입일때 참고항목을 조합한다. if(data.userSelectedType === 'R'){ // 법정동명이 있을 경우 추가한다. (법정리는 제외) // 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다. if(data.bname !== '' && /[동|로|가]$/g.test(data.bname)){ extraAddr += data.bname; } // 건물명이 있고, 공동주택일 경우 추가한다. if(data.buildingName !== '' && data.apartment === 'Y'){ extraAddr += (extraAddr !== '' ? ', ' + data.buildingName : data.buildingName); } // 표시할 참고항목이 있을 경우, 괄호까지 추가한 최종 문자열을 만든다. if(extraAddr !== ''){ extraAddr = ' (' + extraAddr + ')'; } //주소변수 문자열과 참고항목 문자열 합치기 addr += extraAddr; } else { addr += ''; }//↓ 궁금한 부분입니다 #addr1이 바뀌었죠? // 우편번호와 주소 정보를 해당 필드에 넣는다. ${t_dto.getAddr1()}.val(data.zonecode); //$("[name=memberAddr1]").val(data.zonecode); // 대체가능 ${t_dto.getAddr2()}.val(addr); //$("[name=memberAddr2]").val(addr); // 대체가능 // 상세주소 입력란 disabled 속성 변경 및 커서를 상세주소 필드로 이동한다. ${t_dto.getAddr3()}.attr("readonly",false); ${t_dto.getAddr3()}.focus(); } }).open(); }이게 member_update.jsp인데요이 부분이 궁금한건데 저걸 저렇게 dto를 받아와서 저렇게 바꿔야하는지아니면 기존처럼 그냥 id값을 정의하고 기존 join.jsp를 똑같이 해야하는건지..궁금합니다.

api 적용하는법 질문입니다

0개의 답변

Q&A 목록