Какой лучший способ включить html через команду ajax echo?

Question

В настоящее время я создаю небольшой веб-сайт, где содержимое основного элемента div заполняется с помощью вызова Ajax. У меня в основном есть php-скрипт, который возвращает такой контент:

(упрощенный скрипт php ...)

if(isset($_POST["id_tuto"])){
  PrintHtml($_POST["id_tuto"]);
}

function PrintHtml($id)
{
  switch($id)
  {
    case [...]:
      echo "THIS IS MY HTML CONTENT";
    break;
    [...]
  }
}

Затем веб-страница получает текст от этой команды echo и заменяет внутренний HTML-код содержимого div.

Мой вопрос таков: как лучше всего отобразить HTML-контент? каждый раз много контента, так как это пошаговое руководство. Каждая строка будет около 50-80 строк HTML-кода. Есть ли способ поместить этот HTML-контент в отдельный HTML-файл и повторить этот файл или ...?

Большое спасибо !!

Answer 1

Вы можете сделать это так:

<?php
    function PrintHtml($id) {
      switch($id) {
          case [...]:
?>
      <h1>Tut page 1</h1>
      <p>this is html content.</p>
<?php
      break;
      [...]
    }
  }
?>

Или, возможно:

<?php
  function PrintHtml($id) {
     switch($id) {
      case [...]:
      include 'section1.php';
      break;
      [...]
    }
  }
?>

Answer 2

Попробуйте отделить ваши данные (читаемый человеком текст) от вашего форматирования (HTML). Я подозреваю, что можно разделить 50 - 80 строк HTML. Вы можете создать несколько шаблонов HTML, а затем добавить свои данные в шаблон по мере необходимости. Я бы определенно использовал Prototype или некоторую библиотеку JavaScript для обработки получения данных в формате JSON на стороне клиента. Вы можете хранить ваши данные в виде простых файлов, но я думаю, что база данных будет быстрее и менее подвержена ошибкам. Шаблон MVC определенно поможет здесь.

Answer 3

Вы должны использовать систему шаблонов, такую ​​как Smarty . Это позволит вам отделить ваш HTML от логики кода.

Answer 4

Вы просто делаете это так, как обычно генерируете страницу HTML, за исключением того, что она не оборачивается в теги HTML HEAD или BODY. Это просто фрагмент HTML, который будет добавлен на вашу страницу.

Все, что вы "эхо", становится частью вывода. Вы можете делать это по частям или все сразу, это не имеет значения, потому что его вызов отправляется в браузер как «ответ» как один кусок.