【问题标题】:How to expand single statement for multiple statements in success function如何在成功函数中为多个语句扩展单个语句
【发布时间】:2018-08-15 00:24:02
【问题描述】:

我正在尝试将来自我的 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

【问题讨论】:

    标签: javascript html ajax list.js


    【解决方案1】:

    我不确定我是否完全理解你想要做什么,但尽我所能告诉你看起来你需要改变

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

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

    【讨论】:

      猜你喜欢
      • 2014-10-24
      • 2014-01-30
      • 1970-01-01
      • 2019-12-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多