Javascript-jquery

[Επισκέπτης]

Εχω τον παρακάτω κώδικα για αναζήτηση μέσω του googlebooks api:

 

Οταν κάνω την πρώτη αναζήτηση μου βγάζει αποτελέσματα.
Οταν κάνω την επόμενη όμως, μου κάνει append τα νέα αποτελέσματα στα προηγούμενα (προφανώς λόγω χρήσης της appendTo.
Υπάρχει κάποιος τρόπος να το διορθώσω αυτό ώστε να αντικαθιστά τα προηγούμενα;

 

 

 $.get("https://www.googleapis.com/books/v1/volumes?q="+ search,function(response){

          for(i=0;i<response.items.length;i++)
          {
      
   title=$('<h6> Τίτλος:'+ response.items[i].volumeInfo.title + '</h6>');  
           author=$('<h6"> Συγγραφέας:' + response.items[i].volumeInfo.authors + '</h6>');
   publisher=$('<h6> Εκδοτικός οίκος:' + response.items[i].volumeInfo.publisher +'</h6>');
   year=$('<h6> Χρονολογία έκδοσης:' + response.items[i].volumeInfo.publishedDate +'</h6>');
   
           img = $('<img id="dynamic"><br><a href=' + response.items[i].volumeInfo.infoLink + '><button id="imagebutton" >Περισσότερα</button><br></a>');  
           url= response.items[i].volumeInfo.imageLinks.thumbnail;
   
           img.attr('src', url);
     
           author.appendTo('#result');
           publisher.appendTo('#result');
           year.appendTo('#result');
           img.appendTo('#result');

[The King]

Το .appendΤο πάντα θα προσαρτά το νέο περιεχόμενο στο υπάρχον για αυτό θα πρέπει να το "καθαρίζεις" πρώτα.

 

Kάλεσε στην αρχή της εκτέλεσης του query function σου ή καλύτερα φτιάξε το ως function να καλείται από το search button σου 

document.getElementById("result").innerHTML = "";

.

Επίσης αν χρησιμοποιείς jQuery γίνεται με .empty

$( "#result" ).empty();

Προτείνω τα παραπάνω υποθέτοντας ότι στο #result έχεις μόνο δυναμικό περιεχόμενο χωρίς κάτι άλλο στατικό.

Επεξ/σία 29 Οκτωβρίου 2017 από The King