JQuery AJAX выпуск, укладка Div

Question

у меня есть небольшой код для динамической загрузки части моего веба:

$('a#ajax-call').click(function (e) {
    $("#container").load('/process.php',{id:myID},function(data){
        return;
    });
    e.preventDefault();
}); 

, который возвращает эту html-схему:

<div>my ajax loaded content</div>

и добавляет к этой схеме:

<div id=container>
     <div>php loaded content 1</div>
     <div>php loaded content 2</div>
     <div id="static">php loaded content static</div>
     <div>php loaded content 3</div>
     ... until 12 divs...
</div>

проблема в том, что загрузка заменяет все содержимое #container, и мне нужно показать это следующим образом:

<div id=container>
     <div>ajax loaded content </div>
     <div>php loaded content 1</div>
     <div id="static">php loaded content static</div> <--- remains static
     <div>php loaded content 2</div>
     ... until 12 divs...
 </div>

Есть идеи?

Answer 1

$('a#ajax-call').click(function (e) {
    e.preventDefault();
    $.ajax({
    url: '/process.php',
    type: "POST",
    data: "id="+myID,
    cache: true,
    success: function(data){
    $("#container").append(data);           
    }
    });
});

и измените свой тег привязки на

<a href="javascript:;" id="ajax-call"> ... </a>

, если вы не используете e.preventDefault ();функция в вызове ajax

Answer 2

Может быть попробовать что-то вроде:

$.get('/process.php', {id: myID}, function(data) {

    $("#container").append(data);
    return;
});

В соответствии с документацией jQuery о $.load():

Когда обнаружен успешный ответ (например, когда textStatus имеет значение «success» или"notmodified"), .load () устанавливает содержимое HTML соответствующего элемента в возвращаемые данные.