jquery - 从JSON获取数据时，与其他数据“未定义”

我使用以下代码使用jQuery从JSON获取值：

$(document).ready(function() {
            $.ajax({
                type : 'GET',
                url : 'outfitters.json',
                dataType : 'json',
                success : processTeam,
                error : function() {
                    alert('error');
                }
            });
        });

        function processTeam(data) {
            var company = data.company;
            $("h1").html(company);

            var locations;
            for ( i = 0; i < data.locations.length; i++) {

                locations += data.locations[i].name + "<br/>";

            }
            $("li").html(locations);

        }

确实，我得到了预期的输出，但是在输出的开头有一个额外的“ undefined”，如下所示：

undefinedKincardine
Killarney
Bon Echo

此外，我使用的是jQuery移动列表框，但是它只将值填充在一个列表框中，尽管应该将其显示在三个单独的列表框中。

<ul data-role="listview">
            <li>

            </li>

        </ul>

我在代码中做任何错误？

最佳答案

初始化变量var locations = '';

关于jquery - 从JSON获取数据时，与其他数据“未定义”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15239224/