Ajax 검색 결과
2 개의 검색 결과가 있습니다.
Coding story/go HTML,CSS,JS

Chart.js (2) ajax를 통한 데이터 차트값 출력

Chart.js(1)은 여기서 보시면 됩니다. 2022.03.15 - [Coding story/go Spring,JSP] - Chart.js (1) 기본 ajax와 연동하기위해선 컨트롤단에서 데이터를 json형태로 보내 이를 jsp에서 받아 출력시켜야한다. 일단 매출이라는 VO에서 판매금액과 날짜만 가져오고 이를 json형태로 넣어 보내보도록 한다. mybatis를 통해 VO를 List에 넣어 mapper와 service를 통하여 Controller에서 시작하는 것부터 하겠다. 참, 시작전에 java의 object객체를 json으로 바꾸기 위하여 필요한 gson라이브러리를 넣자. #Pom.xml 을 통한 DI 1 2 3 4 5 6 7 com.google.code.gson gson 2.9.0 Colored..

2022. 3. 16. 18:02
Coding story/go Spring,JSP

구글 차트 ($.ajax를 활용한 차트 출력)

# 구글 차트 라이브러리 를 통하여 구글 라이브러리를 연결하고 자바 스크립트를 통하여 콜백방식으로 차트를 그려낼 준비를 한다. 주의할점은 ajax의 async(비동기화)를 false로 바꾸어 동기처리로 바꾸어야한다. 그래야 데이터가 들어올때까지 기다린 후에 자료를 처리한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 //구글 차트 라이브러리 로딩 google.load("visualization","1",{ "packages":["corechart"] }); //Callback : 구글 차트 로딩이 완료가 된 후에 drawChart라는 함수를 실행한다. //respon..

2022. 2. 17. 15:32