Можно ли подгружать данные на многостраничный сайт при помощи api?

Question

[vanek_parenek]

Хотелось бы узнать, могу ли я использовать API на многостраничном сайте. Или использование API уместно только при разработке SPA?

Answer 1

[MikUrrey]

Почему нет?)
Сервер может делать так:

if (strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
  //вот тебе данные в виде JSON
} else {
  //а вот тебе те же данные, но в виде HTML
}

Comments

[Василий Банников]

Может лучше не надеяться на REQUESTED_WITH и просто разделять маршруты для разметки и данных?

[MikUrrey]

Василий Банников, или так. Я лично люблю "магию".

[Сергей delphinpro]

Василий Банников, а почему бы не надеятся? Ведь запросы контролируемые. Можно явно добавлять этото заголовок. Или поставить в дефолтный конфиг. Например, axios добавляет такой заголовок по умолчанию.

[vanek_parenek]

Я не могу понять следующего момента. Допустим, пользователь переходит на новую страницу, часть контента на которой генерируется из данных, полученных из api. Каким образом мне отслеживать переход пользователя? При помощи JS?

[MikUrrey]

vanek_parenek, именно. Навесьте на ссылки обработчик клика. Например, если jQuery:

$('a').on('click', function (e) {
  e.preventDefault(); //блокирует обычный переход по ссылке
  $.ajax(e.event.target.href, success: function(data) {
     //здесь выполняем вставку полученных данных в нужные части страницы
  })
})

(пример примитивный)

[Василий Банников]

Сергей delphinpro, да это моя личная деформация (делаю API первее UI).
Никогда не обращал внимания, ставят ли всякие клиенты такой заголовок, тк делаю API так, чтобы не надо было ставить заголовки, без которых можно обойтись.

[vanek_parenek]

MikUrrey, спасибо за подсказку)

Answer 2

[Василий Банников]

Да, можно, и даже нужно, чтобы не перезагружать страницу на каждый чих.
Раньше это называли "ajax" (хотя и сейчас тоже называют)