본문 바로가기
반응형

jQuery4

(jQuery) ajax의 dataType 설정 /*sample*/ $.ajax({ method: 'post' , url: url , data: JSON.stringify(params) , url: url , data: JSON.stringify({ data1 : data1 }) , dataType: 'json' , contentType: "application/json" , success: function (d) { console.log(d); } , error: function (xhr, status, error) { alert("에러가 발생했습니다. 로그에서 메시지를 확인해 주세요."); console.error(error); } }); 1. dataType이란? server에서 front로 리턴하는 데이터의 타입. 사용자가 지정하지 않을 경우 .. 2023. 1. 3.
[Javascript] 탭 이동 코드 / html, Javascript, css 포탈 화면 구현 시 작성한 소스. 보통 사이트마다 메인에 구현하는 작은 board를 위한 소스. $('.tabs').find('.tab').click(function(){ var tabCurr = $(this); var tabPrev = tabCurr.parents('ul').children('.on'); tabPrev.removeClass('on'); tabPrev.children('a').removeClass('on'); tabPrev.children('div').removeClass('on'); tabCurr.addClass('on'); tabCurr.children('a').addClass('on'); tabCurr.children('div').addClass('on'); }); more 공지사항.. 2018. 10. 18.
[Javascript/JQuery] 행 클릭 시 <tr>의 행 번호 찾기 코드 현재 이벤트가 발생한 행이 몇 번째 행인지 알고 싶을 때 사용했던 코드 var idx = -1; function onClickTb(e) { idx = $(e.target).closest("tr").prevAll().length; } e.target 현재 이벤트가 발생한 요소. 예를 들어, 사용자가 버튼을 클릭했다면, e.target은 해당 버튼 요소이다. closest("tr") e.target에서 가장 가까운 상위의 tr (테이블 행) 요소를 찾는다. prevAll() 찾은 tr 요소의 이전에 위치한 모든 tr 요소들을 선택한다. length 선택된 이전 행들의 총 개수를 반환한다. 2018. 3. 16.
[Javascript] Form 데이터 문자열로 변환 시, serialize() 사용하기 웹 데이터를 키밸류 문자열로(key-value)으로 변환시 serialize()를 사용하면 편리합니다. #key-value 문자열 예시 name=JohnDoe&email=johndoe@example.com form 데이터를 서버에 전송하기 전, Ajax 요청 전 데이터 정렬을 위해 사용하면 됩니다. HTML 부분 Form 데이터 Name: Email: Message: Submit Javascript 부분 jQuery Serialize()로 Form 데이터를 serialize 한다. $(document).ready(function() { $('#myForm').on('submit', function(event) { // 기본 제출 동작 방지 event.preventDefault(); // 폼 데이터 ser.. 2017. 10. 12.
반응형

티스토리툴바