2013-04-26 4 views
0

현재 JSONAJAX의 결과로 사용하고 있으며 필요한 모든 새로운 DOM 요소를 동적으로 만듭니다. 하지만 여기서 나는 생각하고 있었다. - 맞습니까? 예를 들어 데이터의 <table>을 작성해야하는 경우 JS로 빌드하거나 서버에서 생성하고 결과를 페이지에 추가하는 것이 좋습니다.AJAX에서 데이터를 추가하는 가장 좋은 방법은 무엇입니까?

UPDATE 지금 나는 다음과 같이 수행

jQuery.getJSON(url, function(result){var table = jQuery('<table/>').append([jQuery('<td/>..... 

그러나 수도 있습니다 간단하게 다음과 같이 :

jQuery.get(URL, function(result){jQuery('body').append(result);}....... 
+0

템플릿 엔진을 사용하면 자바 스크립트를 사용할 수 있습니다 –

+2

"더 나은"것은 무엇을 의미합니까? 성공을위한 자신의 기준은 무엇입니까? – Pointy

+0

표 예제의 경우 실제로 다릅니다. DB 쿼리일까요? 테이블에 스크립트 (정렬 가능, 데이터 테이블 등)가 적용됩니까? 수색 해봐? 이러한 종류의 '부가 기능'은 서버 또는 아약스를 사용해야하는 경우 표시됩니다. 호스트 측에서 쿼리를 처리하고 표시하기 때문에 클라이언트 측에서 더 좋아합니다. 클라이언트의 브라우저가 아닌 추가 데이터를 다운로드 한 다음 DOM 요소를 처리하고 만듭니다. 그러나 테이블에 검색과 페이지 매김이 있다면 ajax를 사용하여 제한없이 '*'쿼리를 작성하지 않는 것이 좋습니다 (예 :). – RaphaelDDL

답변

0

질문에 정말 아무 대답이 없다 - 모든 클라이언트 측에 "렌더링"이동, 소프트웨어 등의 유형, 예상로드, 명확하게

에 따라 달라집니다 것 서버와 클라이언트간에 전송되는 코드의 양을 줄이고 html 코드 생성시 사용되는 서버 리소스를 줄입니다 (분명히 미니어처 차이점에 대해 이야기하고 있습니다). 그러나 수천 명의 온라인 방문자에 대해 이야기하는 것이 중요합니다.

그러나 수천 명의 방문자가있는 경우 그런 질문을하지 않았을 것입니다. :) 그래서, 서버 쪽에서 모든 것을 포맷해야하고이 질문에 대해 귀찮게해야합니다.

0

에는 옳고 그름이 없다. 그것은 모두 당신에게 가장 어울리는 것에 달려 있습니다. 나는 개인적으로 JSON이 다목적 형식이라는 것을 알았다. 당신이 절대해서는 안되는 것은 데이터를 HTML로 돌려 보내서 첨부하는 것입니다. 데이터를 프리젠 테이션 레이어에 속하는 구조화로부터 자유롭게 유지하십시오.

자세한 내용은

은, 그것은 결과의 크기에 따라 달라집니다 Model-View-Controller

0

의 읽기 있습니다. 작은 결과만으로는 아무런 차이가 없습니다.

그러나 테이블에 많은 행을 보내는 경우 JSON 응답은 실제 테이블 HTML 코드보다 훨씬 효율적입니다.

@ Arun P Johny와 같은 템플릿 엔진을 사용하는 것은 그의 의견에서 JSON 결과 집합을 처리하는 좋은 방법이라고 말했습니다.

확인 밑줄 템플릿 http://underscorejs.org/#template

관련 문제