728x90
반응형

자바 웹/front-end 12

jQuery ajax 사용법 정리

안녕하세요. 터미네입니다. 이번 포스팅은 jquery ajax 사용법을 소개합니다. 회사에서 ajax를 자주 애용하지만, 소스코드에 잘 코딩되어 있어서 유지보수하는 시스템 혹은 프로젝트 중에 소스를 복사 붙여넣기 한 후 서버 endpoint 및 데이터 주고받는 형식을 정하기만 하는 기계적인 코딩을 하고만 있어서 이번 포스팅을 통해 실속있는 ajax 개념을 정리하려 합니다. ajax의 기본은 아래와 같습니다. $.ajax({ type : "POST",//서버에 요청하는 타입, GET방식도 있음. contentType : "application/json; charset=utf-8", //서버에 전송하는 데이터형식과 인코딩타입 url : "/tra/selectHotPlace.json", //요청할 서버 url..

jQuery 부모 자식 요소 찾아 스타일 적용

안녕하세요. 터미네입니다. 이번 포스팅은 jQuery로 부모 자식 요소를 찾는 방법을 소개합니다. $를 활용하면 왠만하면 jQuery를 사용하는 것이죠. 자 우선 이해를 돕기 위해 html 예시 소스를 통해 실습을 해보겠습니다. 사과 오렌지 포도 딸기 자자 body 안에 있는 첫번째 div태그는 id가 firstDiv이고 그 하위 요소는 ul태그와 li태그가 있습니다. ul의 스타일을 적용하려면 어떻게 해야될까요? 방법은 두 가지가 있습니다. 1. div태그의 id인 firstDiv를 활용하여 ul에 css를 적용 $("#firstDiv > ul").css({"border": "1px solid black"}); $("#firstDiv > ul").attr("style", "border:1px solid..

728x90
반응형