DeFacto-Standard IT

옵션 속성명 설명 자료형 async 동기, 비동기 지정 boolean - true : 비동기, false : 동기 data 대상 url에 보낼 매개변수 Object, String jsonp jsonp 매개변수 이름 지정 String jsonpCallback jsonp 콜백함수 이름 지정 String, Function timeout 만료시간 지정 Number method 대상 url의 RequesetMethod 지정 get, post 가능 put, delete의 경우 지정은 가능하나 post로 여겨짐 String success(ResponseData, HttpStatus) Ajax 성공 시 수행할 내용(함수) Function, array error(ResponseData, HttpStatus) Ajax 실..

자바스크립트에서 ajax요청 후 response로 들어있는 JSON객체를 사용한다. 이 response로 넘어온 JSON객체는, key값이 없을 수도 있고(최종 프로퍼티는 key값이 반드시 있어야 한다) 있을수도 있다. 이에 따라서 자바스크립트에서도 사용하는 방법이 다르다. 1. 전부 key값이 존재하는 경우 전부 key값이 존재한다는 것은 아래와 같이 json객체가 트리형태로 여러 깊이로 이루어져 있을 때 사용한다. 다음은 jsp파일에서 ajax로 요청 후 응답을 받고, 날아온 response가 JSON객체일 때 이를 자바스크립트에서 사용하는 코드이다. $.ajax({ type : 'GET', // GET메서드 url : '/rest/reply/' + ${boardVO.boardno}, // Reque..

AJAX를 사용하여 REST API에 Request를 요청하고, Response를 출력한다. ajax, jquery를 검색해보기도 하고, 공식문서도 봤는데 나처럼 영어가 약하고 많이 사용하지 않은 사람들은 이해하는데 시간이 걸린다. 문제는 시간걸려서 봐도 모르겠다는것. 주석도 친절하게 일일이 달려있는 예제도 얼마 없어서, 혼자 실험하다가 알아낸거 포스팅한다. 깊이있는 공부를 하지 않은 책임은 본인에게 있다. 참고로, 이 포스팅은 웹프레임워크인 Spring과 웹프로그래밍에 관련된 CSS, HTML, JavaScript를 어느정도 알고있다는 가정하에 포스팅한 것이므로 웹프로그래밍만 공부하고 Spring을 따로 공부하지않았다면 뭔소린지 모를수도 있다. 그 이유는 내가 위에껀 다 공부했는데 프론트엔드 기술인 J..

.html() - 셀렉터 태그 내에 존재하는 자식 태그를 통째로 읽어 온다. 태그를 동적으로 추가할 때 주로 사용. 출력 시 html태그 자체가 보인다. .text() - 셀렉터 태그 내에 존재하는 자식태그 중 html태그는 모두 제외한 채 문자열(innerHTML)만 출력하고자 할때 사용. html태그까지 모두 문자로 인식시키는 함수. .val() - 태그에 정의된 value속성의 값을 확인하고자 할때 사용

.attr() - HTML의 속성(attribute)을 취급 .prop() - JavaScript의 property를 취급 예를들어 클릭 라는 element에 대해 var $link = $('#to_comments'); alert($link.attr('href')); -> 결과 #to_comment alert($link.prop('href')); -> 결과 http://example.com/path/to/page#to_comment

비동기식 자바스크립트 XML. (Asynchronous Javascript And XML) HTML만으로는 어려운 다양한 작업을 웹페이지에서 구현해 이용자가 자유롭게 상호작용할 수 있도록 하는 기술. 별도의 프로그램을 설치하거나 웹페이지를 다시 로딩하지 않고도 화면상의 객체를 자유롭게 다룰 수 있다