如何在成功函数中为多个语句扩展单个语句

Question

我正在尝试将我的 API 的路线结果转换为可搜索列表通过 AJAX 获取数据的整个过程已完成，我可以在我的前端打印数据但是我的 JSON 列表中只有 1 个结果可供客户端使用，我如何使用语句扩展此列表？

Jquery

$('#sendSearchAddress').click(function() {
    $.ajax({
        type: "GET",
        dataType: "JSON",
        url: "https://****/api/itapetininga-street-last-three-searcheds?access_token=7Z***",
        success: function (finalData) {
            // Running test
            console.log(finalData);

            if (finalData) {
                // var dd = JSON.parse(result);
                // alert(finalData[0].addressStreet)
                // name: finalData[0].addressStreet

                // Print Results
                var options = {
                    valueNames: ['name', 'born']
                };

                // Example One
                var values = [{
                    name: finalData[0].addressStreet
                }];
                var userList = new List('users', options, values);

                // Example Two
                // userList.add(values);

                // Print Varible Contain Data From Street
                console.log(values);
            }
        }
    }); 
});

Html

<div id="users">
    <input class="search" placeholder="Search" />
    <button class="sort" data-sort="name">
      Sort by name
    </button>
    <button id="sendSearchAddress">
        Atualizar
    </button>

    <ul class="list">
        <li>
          <h3 class="name">Jonny Stromberg</h3>
          <p class="born">1986</p>
        </li>
        <li>
          <h3 class="name">Jonas Arnklint</h3>
          <p class="born">1985</p>
        </li>
    </ul>
</div>

My JSON Result

Answer 1

我不确定我是否完全理解你想要做什么，但据我所知，你似乎需要改变

var values = [{
    name: finalData[0].addressStreet
}];

至

var values = finalData.map(function(finalDatum) {
    return {
        name: finalDatum.addressStreet
    };
});

如何在成功函数中为多个语句扩展单个语句

How to expand single statement for multiple statements in success function

html

javascript

ajax

list.js