如何用js（jQuery）动态输出json数据

JavaScript017

如何用js（jQuery）动态输出json数据,第1张

写循环

<ul>

<script>

$().ready(function(){

for (var i = 0i <data.lengthi++) {

←←←←1←←←

if(data[i].optype=='2')｛

document.write("<li>"+data[i].palletbarcode+"</li>")←←←←2←←←

｝

}

})

</script>

</ul>

上面的代码能在ul内自动填充所有下架的托盘条码，并以li表现出来，如果你有别的需要显示出来，只需要在箭头2处添加不同的属性就可以，如果你还有别的条件筛选，只需要在箭头1处添加if块即可。

之前我已经有讲过后台返回json数据到前台，并在前台遍历json数据。

这里讲下直接在JS里创建JSON数据，然后遍历使用~

创建代码如下：（创建的是JSON对象）

?

12345678

var YearSelect = {}var Year = 2014var DateOptionfor (var i = Yeari <Year + 12i++) { DateOption = {'Year':i, 'Month':i-Year+1}/ alert(DateOption.Year) YearSelect[i] = DateOption}

这里是创建一个JSON对象，包括了年份和月份的数据。

我为什么创建JSON对象，是因为我对JSON对象比较熟悉。php后台返回的也是json对象。

json对象没有length属性~~

所以遍历的话要：

for(var key in YearSelect){ alert(YearSelect[key].Year)alert(YearSelect[key].Month)}

这样就可以了~

记住一定要分辨好json的对象和数组~不然就一直是undenfined

var zhiduan={}

zhiduan["0"]="参数1"

zhiduan["1"]="参数2"

zhiduan["2"]="参数3"

zhiduan["fanwei"]="范围1,范围100"

var zhiduan2={}

zhiduan2["0"]="参数1"

zhiduan2["1"]="参数2"

zhiduan2["2"]="参数3"

zhiduan2["fanwei"]="范围1,范围100"

var json={"zhiduan":zhiduan,"zhiduan2":zhiduan2}

console.log(json)