공부 하는 겸 작성하는 블로그

# async, await를 이용한 ajax 통신 async와 await 테스트 코드를 이용하여 비동기로 처리되는 여러개의 ajax를 동기적으로 처리되도록 만들어 보기! document 와 테스트 코드 블로그. HTML 삽입 미리보기할 수 없는 소스 해당 코드는 올바른 코드라고 생각하진 않음. 따라하지 마셈. 그냥 한번 적용해보고 싶어서 하는 거임. # 환경 /** * tool: STS 4.13.0 * version: 2.7.3-SNAPSHOT * java: 1.8 * type: MAVEN * view: THYMELEAF * jQuery: 3.6.0 */ # 페이지 # HTML 동기/비동기 테스트 페이지 입니다. SYNC/ASYNC # ajax 호출 함수, sleep ajax 함수. // ajax tes..

# ajax - settings example code Spring Boot Thymeleaf(html) 에서 jQuery Ajax settings option코드 예시 # 환경 /** * tool: STS 4.13.0 * version: 2.7.3-SNAPSHOT * java: 1.8 * type: MAVEN * view: THYMELEAF * jQuery: 3.6.0 */ # jQuery Load # ajax example code // Ajax Send function send(url, method, input, isAsync, type, cbSuccess, cbError, cbComplate) { const ajaxObj = $.ajax(url, // #1. settings { method : m..

# ajax - POST방식으로 PUT, PATCH, DELETE 사용하기 (HiddenHttpMethodFilter) 프로젝트를 진행하면, 보안상의 이유로 http method 중 GET, POST 만 사용 가능 할 때가 있다. 그렇지만 굳이 굳이 @PutMapping, @PatchMapping, @DeleteMapping 를 사용하고 싶을 때, HiddenHttpMethodFilter를 적용하여 POST방식으로 요청하고 PUT, PATCH, DELETE 메소드를 @RequestParam으로 파라미터로 맵핑!GET, POST만 허용하기: https://hjho95.tistory.com/13# HTTP METHOD 종류HTTP에서 지원하는 요청 메시지는 다음과 같다. - GET: 클라이언트가 서버에게 U..

# ajax - PUT, PATCH, DELETE jQuery ajax 의 HTTP METHOD가 PUT, PATCH, DELETE 일 때, @ResponseBody로 파라미터 매핑하기# 환경/** * tool: STS 4.13.0 * version: 2.7.3-SNAPSHOT * java: 1.8 * type: MAVEN * view: THYMELEAF * jQuery: 3.6.0 */# page# html (일부분 발췌)PUT, PATCH, DELETE (application/json) # function (일부분 발췌)const test = { requsetsNew: function(method) { const input = { param1: $('#requsetsNew').val(), param2..

# ajax - multipart/form-data jQuery ajax 의 contentType이 multipart/form-data 일 때, FormData 와 MultipartFile 를 이용하여 file 데이터 맵핑하기! # 환경 /** * tool: STS 4.13.0 * version: 2.7.3-SNAPSHOT * java: 1.8 * type: MAVEN * view: THYMELEAF * jQuery: 3.6.0 */ # page # html (일부분 발췌) 파일 테스트 페이지 입니다. file one file list # function (일부분 발췌) $(document).ready(function() { $('#formFileOne').on('submit', function(even..

# jQuery Ajax(form tag) Spring Boot html form tag 를 이용하여 ajax 통신하기! # 환경 /** * tool: STS 4.13.0 * version: 2.7.3-SNAPSHOT * java: 1.8 * type: MAVEN * view: THYMELEAF * jQuery: 3.6.0 */ # page # html (일부분 발췌) form element submit # function (일부분 발췌) const test = { form: function(type) { sendForm(`/test/send/${type}`, $('#formSend'), function(result) { console.log(result.text); console.log(result.h..

# ajax - application/json jQuery ajax 의 contentType이 application/json; charset=utf-8 일 때, @ResponseBody로 파라미터 매핑하기 # 환경 /** * tool: STS 4.13.0 * version: 2.7.3-SNAPSHOT * java: 1.8 * type: MAVEN * view: THYMELEAF * jQuery: 3.6.0 */ # page # html (일부분 발췌) jsonView, ResponseBody (application/json) # function (일부분 발췌) const test = { json: function(type) { const value = $('#json').val(); if(value) {..

# ajax - application/x-www-form-urlencoded jQuery ajax 의 contentType이 (default) application/x-www-form-urlencoded; charset=utf-8 일 때, @RequestParam, @ModelAttribute 로 파라미터 매핑하기. # 환경 /** * tool: STS 4.13.0 * version: 2.7.3-SNAPSHOT * java: 1.8 * type: MAVEN * view: THYMELEAF * jQuery: 3.6.0 */ # page # html (일부분 발췌) 통신 테스트 페이지 입니다. GET, POST (application/x-www-form-urlencoded) # function (일부분 발췌..