Javascript 用于显示搜索结果的引导列表？

我正在创建一个Spotify应用程序。在对曲目搜索进行GET查询之后，我想将结果显示为带有曲目名称和艺术家的可单击按钮。查询返回不同数量的结果。如何动态添加和删除按钮？我将搜索结果作为JSON

使用引导、HTML和JavaScript

function searchSpotify(track) {
    $.post(URL + "/search", { "pc": getCookie('pc'), "track": track }, function (data, status) {
    console.log("Searching for: " + track)
    if (status === "success") {
        console.log("Results found: " + data)                    
        document.getElementById('textSpace').innerHTML = data
        localStorage.setItem('searchResults', JSON.stringify(data));
    }
})
.fail(function (response, status) {
    console.log("No results found");
})

在这段代码中，数据是搜索结果，格式如下例所示

{
    "artists":["Calvin Harris","Morgan Evans","Prince","Lil Peep","Ed Sheeran","Carly Rae Jepsen","Sixpence None The Richer","Soulja Boy","Calvin Harris","Chris Brown"],
    "names":["One Kiss (with Dua Lipa)","Kiss Somebody","Kiss","Kiss","Kiss Me","Call Me Maybe","Kiss Me","Kiss Me Thru The Phone","One Kiss (with Dua Lipa) - ZHU Remix","Kiss Kiss"],
    "ids":["7ef4DlsgrMEH11cDZd32M6","1mJMD1VIQ7jWTP9DK2zmY0","62LJFaYihsdVrrkgUOJC05","4J3FltfCktHfD9iPCneDGy","0Tel1fmuCxEFV6wBLXsEdk","3TGRqZ0a2l1LRblBkJoaDx","754kgU5rWscRTfvlsuEwFp","2q4rjDy9WhaN3o9MvDbO21","3aNt9AQw0JSY9dvCiPK1kF","4CweuuMMzi71pO0MSRgyaT"]
}

（函数dottone（）{
风险值数据={
“艺术家”：[“卡尔文·哈里斯”、“摩根·埃文斯”、“普林斯”、“利尔·皮普”、“埃德·希兰”、“卡莉·雷·杰普森”、“六便士不富”、“灵魂男孩”、“卡尔文·哈里斯”、“克里斯·布朗”]，
“姓名”：[“一吻（与Dua Lipa一起）”，“吻某人”，“吻”，“吻”，“吻我”，“打电话给我”，“吻我”，“通过电话吻我”，“一吻（与Dua Lipa一起）-朱混音”，“吻吻”]，
“ids:[“7ef4DlsgrMEH11cDZd32M6”，“1mJMD1VIQ7jWTP9DK2zmY0”，“62LJFAYHIHSDVRRKGUOJC05”，“4J3FLTFCKTHFD9IPCEDGY”，“0TEL1FMUCEXEFv6WBLXSEDK”，“3GRQZ0A2L1LRBLBKJOADX”，“754KGU5RWSCRTFVLSUEWP”，“2Q4RJDY9WHAN9MVDBO21”，“3ANT9J9J9FY9DVCIPK1KF”，“4WEUMMZI710MSRGYAT”]
}
设sHTML=“”；
for（设i=0；i

欢迎来到StackOverflow。。。请添加您的代码和您迄今为止尝试的内容。我对HTML和引导程序是新的。我不知道从哪里开始。我只想动态显示结果并使其可点击。非常感谢！这正是我想要的。我甚至不知道你可以生成HTML代码。我觉得必须有一个更直观的方法来解决这个问题。我觉得整洁的搜索下拉菜单很常见。@Adam Larson因此，JavaScript允许您将任何HTML标记转换为单击事件，因此您不限于按钮。您可以将其转换为可以单击的表。