Ajax 예제

보호되어 있는 글입니다.

• format_list_bulleted Development/JavaScript
• · 2007. 7. 8.

Ajax DOM 제어

http://www.ibm.com/developerworks/kr/library/wa-ajaxintro5/ Ajax를 이용해 받아온 데이터를 DOM으로 제어하는 경우가 많습니다. 기본적인 사항을 위 페이지에서 보실 수 있습니다.

• format_list_bulleted Development/JavaScript
• · 2007. 7. 8.
• textsms

Ajax를 통해 특정영역에 페이지 로드

어떻게 보면 메뉴링크와 통짜로 만들어진 페이지의 구조와 비슷하달까? 아마 기존에 통짜로 만드는 페이지에서 부분적인 페이지 영역을 바꾸려면 서버스크립트로 구상했어야 했다. Ajax로 조금 좋은 방법은 아니지만 고전적인 Ajax 방식으로 페이지의 메뉴와 컨텐츠 영역을 ajax로 꾸민다면 다음과 같은 기본적인 코드로 시작해야 하지 않을까 해서 파일을 만들어 봤다. XMLHttpRequest 버튼의 onclick과 같이 a테그나 메뉴의 이미지 테그 같은 부분에 onclick 이벤트 핸들러를 통해 loadPage를 호출하면 원하는 페이지를 우리가 원하는 div id 영역에 출력할 수 있게 된다. 대신 ajax 호출은 웹서버상에 올라가 있어야 사용할 수 있다는 단점아닌 단점이 있겠다.

• format_list_bulleted Development/JavaScript
• · 2007. 7. 5.
• textsms

문자열을 유니코드로 escape 하는 javascript

만약에 '사랑해' 라는 문자열을 입력하면 '%uC0AC%uB791%uD574' 라는 유니코드로 escape해주는 자바스크립트이다 ^ ^

• format_list_bulleted Development/JavaScript
• · 2007. 7. 4.
• textsms

짝수만 출력

너무 간단한 소스라 부끄러운 -_ - 하지만 기초를 배우는 사람에게는 이 만한 예제가 없지 않을까? 홀수와 짝수를 구분하는 기준은 어떻게 될까? 홀수는 2로 나눈 나머지가 1일때 홀수이며, 짝수는 2로 나눈 나머지 값이 0일때 짝수이다. 이를 구분하기 위해서는 if문 하나만 되어도 될것이다. 아래 예제는 0부터 입력받은 수 까지 반복하며 짝수들만 출력한다. 5만까지 테스트 해봤는데 10만을 입력하니 브라우져가 뻗어버린다 -ㅁ-;;

• format_list_bulleted Development/JavaScript
• · 2007. 7. 3.
• textsms

간단한 4칙연산

먼저 버튼을 눌러 실행하도록 하였고 버튼을 누르게되면 프롬프트창이 3번 뜨면서 값을 계산해 div 영역에 출력하도록 되어 있습니다. 자바스크립트 기본을 공부 중이시라면 유용하실 듯.. ^ ^

• format_list_bulleted Development/JavaScript
• · 2007. 7. 3.
• textsms