Использование фрагмента HTML для шаблона в JavaScript (jQuery) - PullRequest
5 голосов
/ 20 апреля 2009

В настоящее время я работаю над небольшим приложением, которое запрашивает информацию о пользователях с моего сервера и отображает их с помощью специального шаблона.

Сначала я просто жестко запрограммировал небольшой фрагмент в jQuery:

 $("<li><div class='outer'><table><tr><td rowspan=2 class='imgcontainer'><img class='thumb'/></td><td><span class='username'/></td></tr><tr><td><span class='name'/></td></tr></table></div></li>")

Я клонирую его несколько раз.

Это ужасно, и я хочу, чтобы он имел подсветку синтаксиса и еще много чего, поэтому для меня было бы лучше иметь его в самом файле HTML.

Кроме того, это облегчит слияние, поэтому кто-то может просто изменить одну или две строки.

Есть шаблон для этого? Могу ли я положить его в файл HTML, в который я включил этот JS (есть только один), и скрыть его с помощью CSS.

Третий вариант, о котором я подумал, - это просто создать отдельный файл HTML и запросить у jQuery запрос от сервера, чтобы он был отдельным. Этот метод часто используется?

Кроме того, есть ли термин, который я могу использовать, чтобы описать, что я делаю? (Труднее задать вопрос о концепции, название которой я не знаю)

1 Ответ

7 голосов
/ 20 апреля 2009

Я дал аналогичный ответ на ТАК сегодня сегодня . То, что вы ищете, называется микро-шаблонами. Джон Резиг опубликовал об этом в своем блоге . По сути, вы можете получить набор данных json и применить шаблон к данным для создания HTML и обновления DOM.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...