.LOAD заменяет все внутри моего DIV

Question

Я знаю, что Jquery.LOAD должен заменить все содержимое div, но могу ли я .append страницу вместо .load страницы (или некоторую функцию, например .append, где я могу загрузить внешнюю страницу внутри дела)? У меня есть несколько заголовков, которые я не хочу заменять, которые находятся в указанном div.

Сейчас я использую событие onClose в Fancybox для загрузки страницы обратно в div с классом "heriyah", как я могу использовать это с .get, .ajax или какой-то другой функцией ??

РЕДАКТИРОВАТЬ: Хорошо, поэтому я добавил это в свой fancybox, и кажется, что добавление не будет работать в конце концов, потому что это добавляет к тому, что уже загружено, а не обновляет DIV. Извините, если это сбивает с толку, но у меня PHP перебирает базу данных и делает добавления для данных, поэтому я хочу, чтобы данные обновлялись при закрытии Fancybox, которое работает с .load, но это удаляет мои заголовки контента уже в DOM (который странно).

Answer 1

Вы можете просто использовать простые AJAX запросы, такие как $.get ^{документы} , $.post ^{документы} и $.ajax ^{* Docs 1015 *}

$.get(url, data, function (data, status, xhr) {
  $(...selector...).append(data);
});

Answer 2

Если вы хотите очистить div перед добавлением

$.get("URL",null,function (data){
           $('#yourDiv') .html("");          
          $('#yourDiv') .append(data);      
     });

Answer 3

$.ajax({
    dataType:"html",
    type:"GET",
    url:"/url",
    success:function(data){
        $("#divID").append(data);
    },
    error:function(jxhr){
        if(typeof(console)!='undefined'){
            console.log(jxhr.responseText);
        }
    }
});

.load это просто сокращение для ajax

Answer 4

Вы можете использовать append с Jquery get,

 $.get("URL",null,function (data){
          $('#content') .html(data);      
     });

http://api.jquery.com/jQuery.get/

EDIT

Затем поместите содержимое в другой sub div и замените его следующим образом:

<div id="yourDiv">
//your headers here..
   <div id="content">

    </div>

</div>