1 / 11

3. 고급 스타일링 3.1 Ajax 터치 추가 Ajax( A synchronous  J avaScript  a nd  X ML )

3. 고급 스타일링 3.1 Ajax 터치 추가 Ajax( A synchronous  J avaScript  a nd  X ML ) 자바스크립트와 XML 을 사용하는 것과 연관된 웹 개발 방법 웹 서버와 비동기적으로 통신할 수 있게 해 주는 하나의 자바스크립트 객체 Ajax 로 인해 자바스크립트를 사용해 서버와 통신이 비동기적으로 이루어 진다 . 따라서 다른 작업을 방해하지 않고 백그리운드에서 통신이 이루어진다 . Ajax 가이드 Ajax 는 항상 서버와의 통신과 관련이 있다 .

ernie
Download Presentation

3. 고급 스타일링 3.1 Ajax 터치 추가 Ajax( A synchronous  J avaScript  a nd  X ML )

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 3. 고급 스타일링 • 3.1 Ajax 터치 추가 • Ajax(Asynchronous JavaScript and XML) • 자바스크립트와 XML을 사용하는 것과 연관된 웹 개발 방법 • 웹 서버와 비동기적으로 통신할 수 있게 해 주는 하나의 자바스크립트 객체 • Ajax로 인해 자바스크립트를 사용해 서버와 통신이 비동기적으로 이루어 진다. 따라서 다른 작업을 방해하지 않고 백그리운드에서 통신이 이루어진다. • Ajax 가이드 • Ajax는 항상 서버와의 통신과 관련이 있다. • 리프레시/리로드 없이 페이지를 갱신할 수 있다. • 비동기적 통신이 가능하다. • 장점 • 페이지 이동 없이 고속으로 화면을 전환할 수 있다. • 서버 처리를 기다리지 않고, 비동기 요청이 가능하다. • 수신하는 데이터 양을 줄일 수 있고, 클라이언트에게 처리를 위임할 수도 있다. Web App.

  2. 3.2 교통 정리해 주는 android,html 작성 • android.html • android.html 래퍼 페이지를 위한 HTML Web App.

  3. android.css Web App.

  4. Web App.

  5. Web App.

  6. android.js Web App.

  7. 페이지 링크를 Ajax 요청으로 변환하는 android.js 내의 자바스크립트 loadPage() 함수로부터 전달된 url로부터 #content 요소를 받아, 현재 페이지의 #container 요소 안에 넣는다. 이 부분이 완료되면 hijackLinks() 함수를 실행한다. Web App.

  8. Jquery의 shift, unshift 메서드의 예 Web App.

  9. 작업할 때 필요한 콘텐츠 설정하기 • 자바스크립트는 index.html 문서를 로드 Web App.

  10. Web App.

  11. 실행 결과 클릭 Web App.

More Related