찾다

집 >웹 프론트엔드 >JS 튜토리얼 >template_jquery를 사용하여 HTML을 생성하기 위한 프레임워크인 jquery.tmpl 사용에 대한 자세한 설명

template_jquery를 사용하여 HTML을 생성하기 위한 프레임워크인 jquery.tmpl 사용에 대한 자세한 설명

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 16:21:361193검색

페이지 업데이트를 위한 동적 데이터 요청은 블로그 댓글의 페이징 동적 로드, Weibo의 롤링 로드 및 예약된 요청 로드 등과 같은 요즘 매우 일반적인 방법입니다.

이 경우 동적 요청에 의해 반환되는 데이터는 일반적으로 HTML, JSON 또는 XML로 구성됩니다. 즉, 데이터는 브라우저 측에서 구성되지 않고 서버 측에서 구성됩니다. 그러나 HTML을 반환하는 것은 전송량 측면에서 비용 효율적이지 않으며, 웹 전송 측면에서는 이제 XML보다 JSON이 더 많이 사용됩니다.

브라우저 측에서 JSON을 기반으로 HTML을 생성할 때 매우 귀찮은 부분은 구조가 복잡하지 않으면 괜찮지만 일단 구조가 복잡해지면 정말 악몽이 된다는 점입니다. 유지 관리가 거의 불가능한 코드입니다.

그래서 템플릿을 이용해 HTML을 생성하는 프레임워크가 속속 등장했는데, 그 중 jquery.tmpl의 사용법을 자세히 소개하겠습니다

다음은 사용 방법에 중점을 둡니다:

먼저 템플릿과 데이터를 소개하겠습니다. 말할 것도 없이 이 두 가지는 꼭 필요합니다

템플릿을 정의하는 방법에는 두 가지가 있습니다. 구체적인 코드는 다음과 같습니다

코드 복사 코드는 다음과 같습니다.

var markup = "
  • 일부 콘텐츠: ${item}.
    " " 추가 콘텐츠: ${myValue}.
    • ";
    $.template( "movieTemplate", markup );




    코드 복사 코드는 다음과 같습니다.