스프링부트 with JPA - Ajax 요청

최준호·2024년 2월 16일

Springboot

오류 사항

한가지 문제가 생겼었습니다.

ajax 자체를 함수를 읽어오지 못하는 오류가 있어서 인터넷 서칭을 해서 오류를 해결했습니다.

slim 제이쿼리는 ajax 사용을 방지하는 코드가 있어 ajax를 사용할 수가 없어서 이 문구를 지우고 대신

제이쿼리를 불러와 사용하여 오류를 해결하였습니다.

JPA 설정을 초기화 하고 싶다면

ddl-auto 를 update 에서 create로 설정하여 데이터베이스를 설정을 초기화 후 하면 가능합니다.

AJAX 요청

package com.junho.blog.dto;

import org.springframework.http.HttpStatus;

import lombok.AllArgsConstructor;
import lombok.Builder;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@AllArgsConstructor
@NoArgsConstructor
@Builder
public class ResponseDto<T> {
	int status;
	T data;
}

ResponseDto 생성
통신에 대한 응답을 받을 수 있는 dto를 생성시켜줍니다.

=================== AJAX ===================

$.ajax({
			type: "POST",
			url: "/blog/api/user",
			data: JSON.stringify(data), // HTTP body 데이터
			// contentType: "application/json; charset=utf-8", // body 데이터가 어떤 타입인지(MIME)
			dataType: "json", // 요청을 서버로해서 응답이 왔을 때 json이라면 javascript 타입으로 변경시켜줍니다.
			success: function(response) {
				alert("회원가입이 완료되었습니다.");
				console.log(response);
				// location.href = "/blog";
			},
			error: function(xhr, status, error) {
				alert("오류가 발생하였습니다. 상태 코드: " + xhr.status);
				console.error("에러: ", error);
			}
		});
        
        
=================== Controller ===================

@PostMapping("/api/user")
	public ResponseDto<Integer> join(@RequestBody User user) {
		log.info("Join User {}", user);
		int result = userService.join(user);
		return new ResponseDto<Integer>(HttpStatus.OK.value(), result);
	}
    
=================== Service ===================

@Transactional
	public int join(User user) {
		try {
			user.setRole(RoleType.USER);
			log.debug("userRepository : join 회원가입 User Info{}"+ user);
			userRepository.save(user);
			return 1;
		} catch (Exception e) {
			e.printStackTrace();
			log.debug("userRepository : join 회원가입 오류 메세지{}"+ e.getMessage());
		}
		return -1;
	}


=================== GlobalExceptionHandler ===================


@ExceptionHandler(value=Exception.class)
	public ResponseDto<String> handleArgumentException(Exception e) {
		return new ResponseDto<String>(HttpStatus.OK.value(), e.getMessage());
	}

// 예외처리 헨들러도 변경시켜줍니다.