[질문] AJAX 그리고 TABLE
첨부된 파일처럼 단순히 insert,delete,update,modify 기능을 구현하려합니다.
AJAX(based on Prototype) 사용해서 구현하는중이고요,
////////////////////////////////////////////////////////////////////
var a = {name : name_val, title : title_val, dept : dept_val, content : content_val , mode : mode };
var h = $H(a);
var myAjax = new Ajax.Request(
url,
{
method: 'get',
parameters: h,
onComplete: table_rendering()
onFaliure: function(request){
alert(request.responseText);
}
});
}
//////////////////////////////////////////////////////////////////////
이런식으로 서버쪽에선 YES,NO만 반환해주게끔하고 SCRIPT안에서
div 나 span으로 TABLE을 그리려고 합니다.
(물론 첫페이지 로딩시에는 DB에 다녀와야겠죠.)
일단 빠르긴 할꺼 같은데, 문제되는 것들이 없을까요??????
(고수님들의 많은 의견 부탁해요.)
그리고 보통 AJAX로 table구현할때 어떤식으로들 하시는지,
댓글좀 마니좀 다뤄주셧으면 합니다.
첨부 | 파일 크기 |
---|---|
![]() | 46.6 KB |
보통은 서버 쪽에서
보통은 서버 쪽에서 그릴 HTML 까지 다 출력해주고, 그걸 그대로 받아와서 innerHTML로 박습니다. 근데 innerHTML이 표준은 아니구요. 재미있는 것은 직접 엘리먼트 객체 생성해서 일일히 만드는 것보다 innerHTML이 속도는 더 빠릅니다. 이건 구현 문제이지만요. Prototype에서도 Ajax.Updater를 쓰면 쉽게 가능합니다.
서버 쪽에서 그냥 순수한 데이터만을 보내주고, JavaScript로 HTML 렌더링까지 다 하려면 script.aculo.us의 Builder를 쓰는 것도 좋을 듯.
ㅋㅋ 고수님 답변에 항상 감사드림다.
Updater로 대부분해결 됐습니다.
한가지 덧붙일점은 AJAX로 테이블 구현시 CRUD(Create-Read-Update-Delete) 중에서
Create, Update, Delete는 비교할수 없을만큼 빠르더군요..
헌데 Read즉 데이터 쿼리부분은 일반적인 JSP Viewer단에서 Bean객체불러와서 뿌려주는것과
AJAX로 렌더링하는것을 비교해봤는데,
기존방식이 훨씬 낳더군요..(Timer 체크해봤습니다.)
기존방식에선 Create, Update, Delete 는 수행을 마치고 DB에서
전체 쿼리 한번 더해와야하니깐 퍼포먼스가 안나고,
AJAX는 상태값 200만 받아와서 수행한 레코드만 살짝 추가해주면되니깐 그런듯합니다.ㅎㅎ
다들 아시는 사실이겠지만, 입문하시는분들을 위해 몇글자 적어 보았습니다.
그럼 오늘도 수고들하세요!!
고통이 지천에 있다한들 어이해 멈출수있더냐
댓글 달기