ReferenceError:$ output中未定义$ output(Jquery)

时间:2018-06-18 11:22:47

标签: javascript jquery html

我正在创建一个API,我希望获得所有用户,然后在某种表格中显示它们。但是现在我在运行代码时得到ReferenceError: $output is not defined。我在另一个项目中尝试了这个,并没有在那里给出错误。

我的JavaScript代码:

function displayData(data) {
    $('.content').empty();
    console.log(data.length);
    for (var i = 0; i < data.length; i++) {
        $output += '<div>' + data[i].ContactName + '</div>';
        $(".content").append($output);
    }
}

我正在尝试输出到此div

<div class="content">   
</div>

我不知道为什么我在没有其他项目的情况下运行时会收到此错误。在此先感谢帮助我!

1 个答案:

答案 0 :(得分:1)

请参考以下小提琴..

Fiddle

<强>的JavaScript

var $output = '';
var data = [{'ContactName':'ABC'},{'ContactName':'EFG'}]

$( document ).ready(function() {
   displayData(data);
});

function displayData(data){
    $('.content').empty();
    console.log(data.length);
    for (var i = 0; i<data.length; i++) {
        $output+= '<div>'+data[i].ContactName+'</div>';
        $(".content").append($output);
    }
}

<强> HTML

<div class="content">   
</div>

$ output 声明为变量。

var $output = '';