0. jQuery의 $.ajax() jQuery에서 제공하는 $.ajax()를 사용하면 기존의 XMLHttpRequest보다 비교적 편리하게 AJAX를 사용할 수 있다. $.ajax({ url: '요청 URL', type: '요청 방식', data: '요청 데이터', dataType: '요청 후 return하는 데이터의 타입', async: '동기/비동기', timeout: '요청 후 제한시간', beforeSend: '요청 전 발생하는 이벤트 핸들러', success: '요청 성공 시 이벤트 핸들러', error: '요청 실패 시 이벤트 핸들러', complete: '요청 완료 시 이벤트 핸들러' }); 1. get 요청 $.ajax()를 사용해 get 요청을 경우 type을 'get'으로 설정하면 된..
0. 클래스 추가 해당 요소에 'className' 이라는 클래스를 추가한다. $('#target').addClass('className'); 1. 클래스 삭제 해당 요소에서 'className' 이라는 클래스를 삭제한다. 일치하는 이름의 클래스가 없을 경우 무시된다. $('#target').removeClass('className'); 2. 클래스 토글 해당 요소에 'className' 이라는 클래스가 없을 경우 추가하고 클래스가 이미 존재할 경우 삭제한다. $('#target').toggleClass('className'); 3. 클래스 확인 해당 요소에 'className' 이라는 클래스가 존재하는지 확인한다. 존재할 경우 true, 존재하지 않을 경우 false를 반환한다. $('#target')..
JQuery를 사용하여 checkbox 등에 checked 속성을 적용/해제하기 위해서는 prop() 함수를 사용해야 한다. $('#targetCheckBox').prop('checked', true); // 체크박스 체크 적용 $('#targetCheckBox').prop('checked', false); // 체크박스 체크 해제
JQuery를 사용해 disabled 속성을 적용/해제하기 위해서는 attr() 함수를 사용해야 한다. $('#targetInput').attr('disabled', true); // disabled 적용 $('#targetInput').attr('disabled', false); // disabled 해제
jQuery ajax에서 data의 key값을 동적으로 할당하고 싶을 경우 다음과 같이 작성할 수 있다. function ajaxTest(){ var testData = {}; testData["key값"] = "value값"; // key로 사용하고 싶은 값을 가져온다. var testkey = $('#testId').val(); testData[testKey] = "value값"; $.ajax({ url : '경로', type : '방식', data : testData, success : function(res){ if(res == "SUCCESS"){ alert("성공!"); } }, err : function(err){ alert(err.status + " : " + err.statusTest);..
