Javascript顯示搜索結果頁

Question

我有一個使用algolia的實時搜索。

<input type="text" class="form-control" id="search_text" onkeyup="search_data(this.value);" placeholder="Search"> 

而我的JS是這樣

var client = algoliasearch('''', ''''); 
     var index = client.initIndex('businesses'); 
    function search_data(search_value) { 
    index.search(search_value, function searchDone(err, content) { 
     if (err) { 
     console.error(err); 
     return; 
     } 

     for (var h in content.hits) 
     console.log(content); 
     console.log('Hit(' + content.hits[h].objectID + '): ' + content.hits[h].toString()); 

    }); 

    // with params 
    index.search(search_value, { 
     attributesToRetrieve: ['name'], 
     hitsPerPage: 50 
    }, function searchDone(err, content) { 
     if (err) { 
     console.error(err); 
     return; 
     } 

     for (var h in content.hits) { 
     console.log('Hit(' + content.hits[h].objectID + '): ' + content.hits[h].toString()); 
     } 
    }); 
    } 

輸出在控制檯日誌看起來是這樣的：

Object{ 
    hits: Array(2), 
    nbHits: 2, 
    page: 0, 
    nbPages: 1, 
    hitsPerPage: 20… 
}exhaustiveNbHits: truehits: Array(2)0: Object1: Objectapi_key: 10565created_at: nullemail: "n/a"facebook_business: nullgallery_id: nullid: 1image: nullinstagram_business: nulllogo: nullname: "Odeon Cinema"objectID: "1"twitter_business: nulltype: "3"updated_at: nulluser_id: 1 

但現在我卡住了。我如何在頁面上輸出這個內容？ 從這些結果我想輸出的所有結果，顯示名稱

//編輯

var client = algoliasearch('75RQSC1OHE', 'f06169611a53cb7e026f364739162cb9'); 
    var index = client.initIndex('businesses'); 
function search_data(search_value) { 
    index.search(search_value, { 
     attributesToRetrieve: ['name'], 
     hitsPerPage: 5 
    }, function searchDone(err, content) { 
    if (err) { 
    console.error(err); 
    return; 
    } 
    for (var h in content.hits) { 
    $('.test').append("<li>" + content.hits[h].name + "</li>"); 
    } 
}); 
} 

Answer 1

要追加之前清除.test。循環前使用$('.test').html('');。