노마드오브

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..

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 +..

pageEncoding="UTF-8"%>     pageEncoding="UTF-8"%>

string.jsp Hello JSP string.html DOCTYPE html> Insert title here $(document).ready(function () { $('button').click(function () { $.ajax('string.jsp', { success: function (data) { //alert(data.trim()); $('div').append(data); } }); }); }); 버튼 string2.jsp : string2.html DOCTYPE html> Insert title here $(document).ready(function () { $('button').click(function () { $.ajax('string2.jsp', { data: {nam..

라디오버튼 체크박스 버튼

열기 & 닫기제목1내용1열기 & 닫기제목2내용2

이름: 패스워드:

150

div0div1div2head0head1head2

DOCTYPE html> Insert title here $(document).ready(function () { // innerHTML 또는 html()처럼 HTML태그가 살아서 삽입됨 // append() 뒤에 추가 // appendTo() 뒤에 추가 // prepend() 앞에 추가 var h1 = 'header1'; var h2 = 'header2'; $('body').append(h2); $('body').prepend(h1); $(h1).appendTo('body'); }); 본문