JavaScript23 AJAX JQuery를 이용해서 Ajax를 사용하면 크로스브라우징 문제를 자동으로 처리해주고, 편리한 기능을 제공한다. JQuery의 Ajax API는 이쪽으로 -->> http://api.jquery.com/category/ajax/ $.ajax 기본 문법 JQuey.ajax ( [ setting ] );setting : Ajax를 위한 옵션을 담고있는 객체* data : 데이터를 서버로 전송할 때 사용하는 옵션 * dataType : 서버특에서 전송한 데이터를 어떤 형식의 데이터로 해석할 것인가를 지정한다. 값으로 올 수 있는 것은 xml, json, script, html이다. 지정하지 않는다면 JQuery가 알아서 판단한다. * success : 성공했을 때 호출할 콜백을 지정한다. Fucntion ( P.. 2016. 10. 19. 네트워크 : JSON JSON ( JavaScript Object Notation ) * Javascript에서 객체를 만들 때 사용하는 일종의 데이터 표준을 의미한다. * 사람이 읽고 쓰기가 쉽고, 기계도 분석과 생성이 용이하다. 데이터의 용량도 작다. * 설정의 저장이나 데이터 전송 등에 많이 사용된다. * JSON이 지원하는 데이터 형식 등 자세한 내용은 이쪽 ->>> http://www.json.org/json-ko.html JSON API* JSON.parse(); 인자로 전달된 문자열을 JavaScript의 데이터로 변환. * JSON.stringify(); 인자로 전달된 JavaScript 데이터를 문자열로 변환. JSON을 이용한 AJAX 통신* AJAX를 이용한 타임라인 항목을 리스트로 표현하는 예제 2016. 10. 19. 네트워크 : Ajax Ajax * Asynchronous JavaScript and XML의 약자다 * 자바스크립트를 이용해서 비동기적으로 서버와 브라우저가 데이터를 주고 받는 방식을 의미한다. 이 때 사용하는 API가 XMLHttpRequest이다. * JavaScript를 이용해 웹 서버와 웹 브라우저가 내부적으로 통신하게 된다. * 변경된 결과를 웹페이지에 반영함으로써 웹페이지의 로딩 없이 서비스를 사용할 수 있게 된다. * IE5,6 에서는 XMLHttpRequest 객체 대신 ActiveXObject("Msxml2.XMLHTTP.6.0")을 사용해야 한다. * 반드시 비동기적으로 동작해야 한다. XMLHttpRequest ( 실습에 서버 필요) * 마이크로소프트가 만든 JavaScript의 객체로 HTTP를 통해 쉽.. 2016. 10. 19. 레퍼 Wrapper 레퍼 (Wrapper )* JQuery( 엘리먼트 오브젝트 | 'CSS 스타일 선택자' )* 붉게 표시된 부분이 레퍼이다. 인자로 전달된 엘리먼트에 JQuery의 기능성을 부과해서 반환한다. 1. 안전한 사용* $(엘리먼트)와 JQuery(엘리먼트) 는 같은 의미지만 다른 라이브러리와의 충돌때문에 다음과 같은 방법을 사용한다. - 첫번째 방법 - 두번째 방법 2. 제어 대상을 지정하는 방법* JQuery ( selector , [context]* JQuery ( Element ) 2016. 10. 17. 이전 1 2 3 4 ··· 6 다음 반응형
