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);
}
}
});
}
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
댓글