Элементы группы в теге HEAD

Question

Im работает над системой страниц AJAX. Когда вы нажимаете ссылку, ajax вызывается и получает данные со страницы, которую вы запросили.

Моя проблема заключается в том, что в этом файле страницы есть некоторые данные, которые необходимо поместить в тег head. Я пробовал функцию jQuery .appendTo(), но когда вы посещаете другую страницу, она просто добавляет.

Так что я ищу способ создания группы элементов в теге головы, чтобы содержимое было заменено на определенной странице, например $("#head").html(headData);

Как это решить? Поскольку вы не можете положить div в тег head, я понятия не имею, как сгруппировать элементы.

Один из способов - добавить класс с именем страницы в каждый элемент. Но Im ищет более эффективный метод. Я хочу, чтобы каждый разработчик, работающий с этой системой, просто написал код, не имея в виду выполнить определенную задачу для получения его на head.

У кого-нибудь есть идеи?

Заранее благодарен!

Answer 1

Так что я решил так:

Сначала функция проверяет головку для всех элементов с классом «ajaxHeadObject» и удаляет их.

Функция затем добавляет данные к элементу с идентификатором «head». Затем элемент foreach в этом объекте добавляет класс «ajaxHeadObject» и добавляет все объекты в голову.

 $.ajax({ 

      type: "GET", 
      url: "head.php", 
      success: function (data){ 

       $("head .ajaxHeadObject").each(function() { 

        $(this).remove(); 

       }); 

       $("#head").html(data); 
       $("#head").children().each(function() { 

        $(this).addClass("ajaxHeadObject"); 
        $(this).appendTo("head"); 

       }, function() { 

        $("#head").remove(); 

       }) 

      } 

     }) 

Дайте мне знать, что вы об этом думаете.