IT/jQuery 16

jQuery - 구글 차트 GoogleChart

DOCTYPE html> 구글 차트 div { float: left; } // https://www.tutorialspoint.com/googlecharts/ // 구글 시각화 API를 로딩하는 메소드 google.charts.load('current', {packages: ['corechart']}); // 구글 시각화 API가 로딩이 완료되면, // 인자로 전달된 콜백함수를 내부적으로 호출하여 차트를 그리는 메소드 google.charts.setOnLoadCallback(drawChart); function drawChart() { columnChart1(); columnChart2(); stackedColumnChart1(); stackedColumnChart2(); lineChart1(); lin..

IT/jQuery 2018.11.19

jQuery - ajax통신, json DB연결하여 생성, json-simple 라이브러리 사용

json.jsp {"name": "홍길동", "gender": "남자", "email": "aa@a.com"} json.html DOCTYPE html> Insert title here // 자바 컬렉션에서의 Map은 키, 값 쌍인 것은 같으나 순서정보는 없음 // 자바스크립트에서의 {}는 키, 값 쌍이면서 나열된 순서정보를 가짐. // {"name": "홍길동", "gender": "남자", "email": "aa@a.com"} $(document).ready(function () { $('button').click(function () { // 버튼이 클릭되면 ajax 호출 $.ajax('json.jsp', { success: function (result) { //alert(result.name +..

IT/jQuery 2018.11.18