JQuery & AJAX - заполнить список?

Question

Я создал скрипт jQuery & AJAX, который использует функцию PHP для получения результатов из API.Эта часть прекрасно работает, но каждый раз, когда я ищу новую книгу, она удаляет предыдущие результаты поиска.

Я хочу присвоить ему идентификатор книги, выполнить поиск, получить результаты и продолжить это делать.Каждый раз, когда я нажимаю «поиск», я хочу заполнить список большим количеством книг.

Этот код удаляет мою предыдущую книгу и заменяет ее новой книгой, которую я искал.

Есть идеи?

isbn.php:

<script src="http://code.jquery.com/jquery-1.5.js"></script>
<form method="post" action="ajax.php" id="searchForm"> 
    <input type="text" name="isbn" placeholder="Search..." />
    <input class="myaccount" id="doSearch" name="doSearch" type="submit" value="Search" />
</form>

<div id="result"></div>

{literal}
<script>
// attach a submit handler to the form
$("#searchForm").submit(function(event) {
// stop form from submitting normally
event.preventDefault(); 

// get some values from elements on the page:
var $form = $( this ),
term = $form.find( 'input[name="isbn"]' ).val(),
//term = "isbn",
url = $form.attr( 'action' );
    $.post( url, { doSearch: "Search", isbn: term } ,
        function( data ) {
            var content = $( data );
          $( "#result" ).html( content );
      }
    );
});
</script>

ajax.php выполняет вызов API и печатает результаты внутри isbn.php.

Answer 1

если вы просто пытаетесь добавить содержимое, то:

$( "#result" ).append( content );

, если вы хотите, чтобы новые результаты попадали в верхнюю часть div результатов, тогда

$( "#result" ).prepend( content );

, используя $( "#result" ).html( content ); сообщает jQuery о замене всего содержимого HTML внутри #result новым содержимым

Answer 2

Проблема в том, что в вашей функции успеха ajax вы переписываете все содержимое блока #result.Если вы изменили .html на .append, это должно сделать его скорее аддитивным, чем заменяющим.