다른 건 어려워서 외우지 못했구요 ajax에서 j는 javascript, x는 XML을 말합니다.
자바스크립트를 이용해서 비동기 형태로 서버의 프로그램(프로세스)을 호출하는 방식입니다.
페이지를 다시 읽어오지 않고 페이지 이벤트를 통해서 필요한 프로세스만 실행 할 수 있어서 요즘 많이 쓰고 있어요.
새로운 기술이라기 보다는 이미 수십년전부터 있던 기술인데 ajax라고 해서 2007년쯤인가 외국사람(?)이 개념을 정리해서 세상에 발표 했는데 그게 지금까지 발전해 오고 있습니다.
XMLHttpRequest : 이것이 핵심이 아닐까 싶습니다.
그러나 요즘 jQuery나 Prototype에 간단하게 사용 할 수 있는 레퍼런스들을 제공하고 있으니 jQuery를 공부하면 어렵지 않아요.
그누보드에서도 기본으로 사용하고 있으니 바로 응용이 가능합니다.
$.ajax({
url:'program.php', //-- 프로그램 경로
success:function(data) {
$('#result').html(data); //-- data는 program.php의 결과가 text형태로 반환 되는 자바스크립트 변수입니다. 이 내용은 result라는 id를 갖는 div나 span, td등에 내용을 끼워 넣습니다. <div id=reuslt>test</div>이런 내용이 본문에 있었다면 test 자리에 프로그램 실행 결과가 대시 들어가게 됩니다.
}
});
댓글 6개
자바스크립트를 이용해서 비동기 형태로 서버의 프로그램(프로세스)을 호출하는 방식입니다.
페이지를 다시 읽어오지 않고 페이지 이벤트를 통해서 필요한 프로세스만 실행 할 수 있어서 요즘 많이 쓰고 있어요.
새로운 기술이라기 보다는 이미 수십년전부터 있던 기술인데 ajax라고 해서 2007년쯤인가 외국사람(?)이 개념을 정리해서 세상에 발표 했는데 그게 지금까지 발전해 오고 있습니다.
XMLHttpRequest : 이것이 핵심이 아닐까 싶습니다.
그러나 요즘 jQuery나 Prototype에 간단하게 사용 할 수 있는 레퍼런스들을 제공하고 있으니 jQuery를 공부하면 어렵지 않아요.
그누보드에서도 기본으로 사용하고 있으니 바로 응용이 가능합니다.
$.ajax({
url:'program.php', //-- 프로그램 경로
success:function(data) {
$('#result').html(data); //-- data는 program.php의 결과가 text형태로 반환 되는 자바스크립트 변수입니다. 이 내용은 result라는 id를 갖는 div나 span, td등에 내용을 끼워 넣습니다. <div id=reuslt>test</div>이런 내용이 본문에 있었다면 test 자리에 프로그램 실행 결과가 대시 들어가게 됩니다.
}
});
이게 아주 기본적인 구조입니다.
시간이 좀 한가해서(?) 길게 쓰고 갑니다. ㅋ