[질문] AJAX 그리고 TABLE

points
첨부된 파일처럼 단순히 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구현할때 어떤식으로들 하시는지,
댓글좀 마니좀 다뤄주셧으면 합니다.
| 첨부 파일 | 파일 크기 |
|---|---|
| 4-18-jinoxst.jpg | 46.6 KB |

points
보통은 서버 쪽에서
보통은 서버 쪽에서 그릴 HTML 까지 다 출력해주고, 그걸 그대로 받아와서 innerHTML로 박습니다. 근데 innerHTML이 표준은 아니구요. 재미있는 것은 직접 엘리먼트 객체 생성해서 일일히 만드는 것보다 innerHTML이 속도는 더 빠릅니다. 이건 구현 문제이지만요. Prototype에서도 Ajax.Updater를 쓰면 쉽게 가능합니다.
서버 쪽에서 그냥 순수한 데이터만을 보내주고, JavaScript로 HTML 렌더링까지 다 하려면 script.aculo.us의 Builder를 쓰는 것도 좋을 듯.
points
ㅋㅋ 고수님 답변에 항상 감사드림다.
Updater로 대부분해결 됐습니다.
한가지 덧붙일점은 AJAX로 테이블 구현시 CRUD(Create-Read-Update-Delete) 중에서
Create, Update, Delete는 비교할수 없을만큼 빠르더군요..
헌데 Read즉 데이터 쿼리부분은 일반적인 JSP Viewer단에서 Bean객체불러와서 뿌려주는것과
AJAX로 렌더링하는것을 비교해봤는데,
기존방식이 훨씬 낳더군요..(Timer 체크해봤습니다.)
기존방식에선 Create, Update, Delete 는 수행을 마치고 DB에서
전체 쿼리 한번 더해와야하니깐 퍼포먼스가 안나고,
AJAX는 상태값 200만 받아와서 수행한 레코드만 살짝 추가해주면되니깐 그런듯합니다.ㅎㅎ
다들 아시는 사실이겠지만, 입문하시는분들을 위해 몇글자 적어 보았습니다.
그럼 오늘도 수고들하세요!!