본문 바로가기

JS/ajax

 (4)
[ajax] 비동기 처리 - Axios CDN// cdn// 안에 넣어주기 기본 문법function ajax1() { axios.request({ url: "url", // url 통신 주소 method: "POST", // GET, POST 방식 (기본값은 GET) params: { // 전송할 값 key: value }, }).then(function (response){ // 응답 성공했을 때 then console.log(response); }).catch(function (error){ // 에러인 경우 실행 console.log(error); }).finally(function (){ // 항상 실행 ..
[ajax] json 형식으로 데이터 주고 받기 with SpringBoot 컨트롤러에서 요청 받기 (Request) AJAX 비동기 형태로 JSON 형식의 데이터를 보냈을 때스프링부트 컨트롤러에서는 @RequestBody어노테이션을 적용한 Map 형태 또는 자바beans(dto,domain,entity...) 형태로 받는다.// Map 형태@PostMapping("test1")public void method1(@RequestBody Map map) { System.out.println("map = " + map);}// JAVA Beans 형태(DTO, domain, Entity...)@PostMapping("test2")public void method1(@RequestBody TestDto testDto) { System.out.println("testDto" + test..
[ajax]배열로 넘기기 이렇게 배열인 값을 AJAX로 data 넘겨줄때 @RequestParm(value="AJAXdata값[]" List 변수명 이런식으로 받아 준다
[ajax] 비동기 처리- JQuery JQuery 라이브러리의 비동기 전송함수 ajax CDN// CDN// head 안에 넣기 기본 문법$.ajax({ type: "", // 요청방식: get, post 방식인지 선택 url: "", // 요청주소: 주소url data: "", // 넘겨줄 데이터 dataType: "", // 서버에서 보낸 응답을 받을 data 타입형식 contentType: 'application/json; charset=utf-8' ajax로 보낼때 data 타입 success: "", // 요청이 성공했을 때 실행 error: "", // 요청이 실패했을 때 실행});기본 예제)$.ajax({ type: "POST", url: "/member", data: member,..

티스토리툴바