항공사 플랫폼 팀 프로젝트_daum 우편번호 서비스 API, 아이디 중복 확인

daum 우편번호 서비스 API

https://postcode.map.daum.net/guide

Daum 우편번호 서비스

 

 

아이디 중복 확인 AJAX 통신 구현

xml

<select id="existsById" resultType="com.green.airline.repository.model.Member">
    SELECT * FROM member_tb WHERE id = #{id}
</select>

 

 

jsp

아이디 <input type="text" name="id" id="member--id"> <button type="button" id="exists--id">아이디 중복확인</button>

 

 

MemberRepository

// 아이디 중복 확인
public Member existsById(String id);

 

 

MemberService

// 아이디 중복 확인
public Member readById(String id) {
    Member memberEntity = memberRepository.existsById(id);
    return memberEntity;
}

 

 

MemberApiController

@RestController
public class MemberApiController {
    
    @Autowired
    private UserService userService;
    
    @GetMapping("/existsById/{id}")
    public boolean existsById(@PathVariable String id) {
        Member memberId = userService.readById(id);
        
        // 중복된 id가 null이면 true 반환, null이 아니면 false 반환
        if(memberId == null) {
            return treu;
        } else {
            return false;
        }
    }
}

 

 

js

$(document).ready(function() {
    $("#exists--id").on("click", function() {
        let id = $("#member--id").val();
        console.log(id);
        
        $.ajax({
            type: "get",
            url: "/exsistsById/" + id,
            contentType: "application/json; charset=utf-8"
        }).done(function(data){
            if(data) {
                alert("사용 가능한 아이디입니다.");
            } else{
               alert("중복된 아이디입니다.");
            }
        }).fail(function(error){
            console.log(error);
        });
    });
});