AJAX 흉내만 내보기(대표:덧글 게시판)
아직도 경험이 많이 부족한 asp 웹프로그래머이지만
그래도 그동안 사수 없이도 잘 해내왔다고 나름 생각한다. 이건 사설이고;;
07년에 작업하다가 답변글 말고도 덧글기능이 필요한곳 있어서
달때마다 해당글을 reload() 시킬수도 없고 AJAX라는걸 알게 되어서 잠시 뒤적이다가
시간이 촉박해서 다른쪽으로 생각하다보니 아이프레임이 떠올랐다.
해당 글 페이지 하단에 아이프레임을 넣고 덧글 달때마다 아이프레임만 reload()시키면
되겠다고 생각하고 작업에 들어갔다.
그동안 그렇게 고심했던건데 의외로 간단했다.
#############################################################################
ex)
<html>
<head>
<script>
<!--아이프레임이 있는 셀 높이 리사이즈 스크립트-->
function doResize(){
document.getElementById("box").height = ifr_cmt.document.body.scrollHeight;
}
<!--아이프레임이 있는 셀 높이 리사이즈 스크립트-->
</script>
<title></title>
<haed>
<body>
<table>
<tr>
<td id="box">
<iframe src="읽어올페이지명" width="100%" height="100%" frameborder="0" scrolling="no" name="ifr_cmt" onload="doResize()" marginwidth="0"></iframe>
</td>
</tr>
</table>
</body>
</html>
#############################################################################
이해가 갈지 모르겠지만 아이프레임을 읽어올때마다 doResize()를 호출해서 아이프레임이
위치한 "box"셀 높이를 리사이즈 하는거다.
나머지는 글 등록하고 나서 타겟을 parent.아이프레임명.reLoad() 나
parent.아이프레임명.Location.href 를 한다던가 해서
다시 읽어 오면 크게 어려울거 없다고 생각된다.
AJAX를 제대로 할줄 모르는 나한테는 아이프레임이 정말 유용하게 쓰인다.
겉으로 보기에 전체 페이지 변화 없이 해당 부분만 reLoad()되니 AJAX가 쓰인거처럼 보이니 말이다.
하고 나중에 보니 이 방법들은 이미 많은 웹프로그래머들이 자주 애용하는 방법중에
하나였던거였다.;; 다시 한번 가르침을 주는 누군가가 필요하다고 느꼈었다.
그리고 텍스트 박스등을 이용하면 유동적인 페이지를 만들수도 있다.
예를 들어 키를 입력할때마다 아이프레임에 값을 넘겨서 아이프레임 안에서 실행해서
메인페이지의 텍스트 박스로 값을 넘기는등
포탈사이트 검색자동완성도 이렇게 만들면 되지 않을까 싶다는 막연한 혼자만의 생각;
아무튼 위에 내용은 절대 AJAX가 아니고 다만 흉내내기일뿐이다.