Страница — это текст
Часть раздела Основы Express путешествия по Node.js на Coddy. Урок 8 из 23.
Браузер отображает строку HTML как страницу. Теги задают структуру текста: <h1> — это заголовок, <ul> — список, а <li> — отдельный элемент. Закрывающий тег завершает каждую часть.
const cities = ['Oslo', 'Lima'];
const rows = cities.map(city => `<li>${city}</li>`);
const page = `<h1>Places</h1><ul>${rows.join('')}</ul>`;В шаблонных строках для вставки значений используются обратные кавычки. map создаёт массив строк элементов; join('') объединяет их без запятых. В этом упражнении сервер возвращает HTML внутри JSON, чтобы ты мог проверить точные теги. Переданная функция получает заголовок и массив элементов. Далее мы рассмотрим экранирование вставленного текста.
Задание
ЛегкоОтредактируй exercise.js. Сервер передаёт объект, содержащий title и массив items. Верни одно поле html: заголовок, за которым следует список, с одним элементом для каждой строки. Сохрани исходный порядок элементов и не ставь запятые между ними.
{"html":"<h1>Recipe Box</h1><ul><li>Soup</li><li>Salad</li></ul>"}Нажми «Играть»: предоставленный пример GET-запроса выдаёт ответ выше. Отправь GET /result?title=Lunch&item=Rice&item=Beans, чтобы получить другой заголовок и список. Значения параметров запроса становятся входными данными функции.
Сервер вызывает твою функцию упражнения, передавая ей заголовок и массив items. Повторение item= в запросе позволяет передать несколько элементов. Оставь выбранным метод GET и введи в поле запроса только путь.
Попробуйте сами
export function exercise({ title, items }) {
return { html: title };
}
Все уроки раздела Основы Express
2Ответы
Ответы JSON
Коды состоянияСтраница — это текстТекст внутри HTMLСтраницы HTMLСтатические файлыПеренаправленияПотренируйтесь самостоятельно: Песочница Express