Как менять keywords, и title, при использовании ajax?

Пользователь

от hermina.hauck , в категории: JavaScript , 9 месяцев назад

Как менять keywords, и title, при использовании ajax?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от christine , 8 месяцев назад

@hermina.hauck 

Для изменения meta-тегов keywords и title при использовании Ajax, необходимо сделать следующее:

  1. Создать функцию, которая будет изменять значения этих тегов. Например, функция changeMetaTags:
1
2
3
4
5
6
7
8
9
function changeMetaTags(title, keywords) {
  document.title = title;
  var metaTags = document.getElementsByTagName('meta');
  for (var i = 0; i < metaTags.length; i++) {
    if (metaTags[i].name.toLowerCase() === 'keywords') {
      metaTags[i].content = keywords;
    }
  }
}


В этой функции мы изменяем значение тега <title> на переданный параметр title и значение тега <meta name="keywords"> на переданный параметр keywords.

  1. Вызвать эту функцию после получения данных Ajax. Например, при использовании jQuery:
1
2
3
4
5
6
7
$.ajax({
  url: 'path-to-ajax-file.php',
  success: function(data) {
    // обработка данных
    changeMetaTags('Новый заголовок страницы', 'новые, ключевые, слова');
  }
});


В этом примере мы вызываем функцию changeMetaTags после успешного выполнения Ajax-запроса и передаем ей новые значения для заголовка страницы и ключевых слов.

  1. Не забывать обновлять значения метатегов при каждом изменении контента страницы с помощью Ajax. Например, если мы используем бесконечную прокрутку для загрузки новых записей блога, мы должны обновлять значения метатегов при каждой подгрузке нового контента.