👀 Front-end (송신 - 파일,배열,문자,숫자 => 수신)
- XMLhttprequest
- $.ajax(jquery) - $.get (ajax의 get), $.post(ajax의 post)
- fetch (ES, Vue, React)
- axios (Post,Get....)
👀 Back-end (Rest API 구축 , 수신 => 재송신)
- REST annotation
@RestController - class에 사용하여 Controller 명시
@Responsebody - jsp view에 전달되는 사항이 아니며 , data 자체를 송신 시 사용
@PathVariable - url 경로에 대한 파라미터 값을 추출시 사용
@CrossOrigin - CORS 문제 해결
@RequestBody - JSON 데이터를 원하는 타입으로 바인딩 - Http 통신 annotation
@GetMapping
@PostMapping
@PutMapping
@PatchMapping
@DeleteMapping
@RequestMapping - Test annotation (디버그 도구 틀 - 에러 확인)
@Slf4j
Log4j - spring 권장
Log4j2 - springboot 권장
private static final Logger lg = (Logger) LogManager.getLogManager(); => 로그 메세지 기록
'CLASS > AJAX' 카테고리의 다른 글
AJAX 정리-2 (javascript,ECMA,jquery,axios / async~await) (0) | 2024.09.27 |
---|---|
#21-1 / front에서 JSON 전송 => Ajax , @ResponseBody (0) | 2024.07.26 |
#5-6 / ECMA - Ajax 데이터 로드 (0) | 2024.07.19 |
#5-5 / Javascript- Ajax 데이터로드(database+인증키 사용) (0) | 2024.07.19 |
#5-4 / Jquery Ajax & 외부 서버 통신(CORS) (0) | 2024.07.19 |