JSON 응답에 HTML 마크 업을 포함시켜야합니까?

전자 상거래 사이트에서 장바구니에 상품을 추가 할 때 선택할 수있는 옵션이있는 팝업 창을 표시하고 싶습니다. iPod Shuffle을 주문하고 조각 할 색상과 텍스트를 선택해야한다고 상상해보십시오.

창을 모달로 만들고 싶습니다. 그래서 Ajax 호출로 채워진 라이트 박스를 사용하고 있습니다. 이제 두 가지 옵션이 있습니다.

옵션 1 : 데이터 만 전송하고 JavaScript를 사용하여 HTML 마크 업 생성

이것에 대한 좋은 점은 Ajax 요청을 최소한으로 줄이고 데이터를 마크 업과 혼합하지 않는다는 것입니다.

이것에 대해 좋지 않은 점은 이제 서버 측에 템플릿 엔진을 사용하는 대신 JavaScript를 사용하여 렌더링을 수행해야한다는 것입니다. 클라이언트 측 템플릿 솔루션 을 사용하여 접근 방식을 약간 정리할 수 있습니다 .

옵션 2 : HTML 마크 업 보내기

이것에 대한 좋은 점은 나머지 렌더링 작업 (Django)에 사용하는 것과 동일한 서버 측 템플릿 엔진을 가지고 라이트 박스를 렌더링 할 수 있다는 것입니다. JavaScript는 HTML 조각을 페이지에 삽입하는 데만 사용됩니다. 따라서 렌더링 엔진에 렌더링을 명확하게 남깁니다. 이해가 되네요

그러나 어떤 이유로 든 Ajax 호출에서 데이터와 마크 업을 편안하게 혼합하는 느낌이 들지 않습니다. 내가 왜 불안하다고 느끼는지 잘 모르겠습니다. 즉, 모든 웹 페이지가 제공되는 것과 같은 방식입니다-데이터 + 마크 업-맞습니까?

JSON은 데이터를 포함하고 마크 업이 없어야합니다. 장기적으로이 접근 방식은 사이트의 다른 부분에서 JSON 데이터를 사용할 가능성이 있기 때문에 더 확장 가능합니다. 마크 업을 포함하면 동일한 데이터를 사용하여 다른 템플릿을 채우는 것이 훨씬 어려워집니다.

요청에 데이터를 보내고 js에 태그를 작성합니다. 추가적인 이점은 대역폭 사용량이 적다는 것입니다. 개인적인 취향이지만 클라이언트 측 마크 업을 서버 측에서 멀리 유지하는 것이 좋습니다. Django 웹 사이트도 가지고 있으며 내 컴퓨터에서 개발할 때 페이지에 json varibles (아약스 요구 사항이 하나 적음)를 넣고 src 파일을 사용하는 템플릿 시스템 만 사용합니다. 모든 클라이언트 측은 ExtJS로 수행됩니다.

나는 당신이 두 가지의 장단점에 대해 이야기했다고 생각합니다. django 뷰에서 라이트 박스 용 자바 스크립트를 생성하는 세 번째 옵션을 보시겠습니까? 그런 다음 JSON에 각보기마다 업데이트 할 데이터가 포함되어 있습니까?

당신이 할 수있는 일은 모든 템플릿 코드를 자바 스크립트 변수로 감싸고 클라이언트 측에서 JSON 요청을받은 후 자바 스크립트로 출력하는 것입니다.

마크 업에 템플릿 엔진을 사용하고 값을 저장하기 위해 숨겨진 필드를 유지해야합니다. 그러면 셀렉터를 사용하여 문서에서 찾을 수 있습니다.