본문 바로가기
개발의 기록/Web

Tip: jQuery의 Ajax를 이용한 파일 읽어오기

by prographer J 2010. 4. 29.
728x90

미국이란 나라에와서 이상한 짖을 참 많이 한다 -_-;
그중 하나가 서버 스크립트는 전혀 못 쓰고 javascript를 이용해서 해야 하는 프로그램을 만들어야 할일이 참 많다...

엊그제 미션하나가 떨어졌다..
html페이지에 있는 image파일을 읽어오고 링크를 따라가서 다음 페이지를 읽어오고...이상한 노가다..
만약 내가 DB만 엑세스 할 수 있다면 금방 끝났을 일을...
그래서 삽질도중 한가지 스치고 지나가는 생각..ajax의 응용..

우선 코드 먼저.
$(document).ready(function(){
GetNextAddress("http://storyofdream.tistory.com/72");
});

function GetNextAddress(url) {
    $.ajax(
    {
        url: url,
        context: document.body,
        success: function(data) {
            alert($(data).find('#displayImage').attr('src'));
            var nextUrl = $(data).find('#hypMoveNext').attr('href');
           
            if (nextUrl == "undefined") {
                alert($(data).find('#hypMovePrev').attr('href'));
            } else {
                GetNextAddress(nextUrl);
            }
        }
    });
    }

참 간단하다!ㅎㅎ
ajax명령어로 페이지를 읽어서, data라는 변수로 받고, 그 변수에서 find명령어를 이용하여 태그를 찾은 후에,
nextUrl이 있다면 재귀함수로 돌려주면된다!!ㅎㅎ

여기서 중요한 포인트는!! 어떤 데이터라도 $() <-- 요 안에만 들어가면 jQuery문법을 쓸 수 있다는것!! 참 강력한 기능!!

----------------------------------------------------------------------------------------------------------
p.s: 날림으로 쓰다보니 설명도 부족하고~ 내용도 중구난방이고~ 질문 있으신 분은 댓글로 남겨주세요~ㅎㅎ
728x90

댓글