ajax请求多个table只显示一个的问题

闲话不多说，先看代码function gets() {
$.ajax({
type : "get",
dataType : 'json',
url : "http://localhost:8088/data",
success : function(data) {

var table='';
var kv = '';
for (var i = 0; i < data.a.length; i++) {
console.log(data.a.length);//此处可以显示出data.a.length为2
//添加的测试部分,console.log(i);
table+='<div class="easytab_content" style="display: block"><table class="tab">'
var datas = data.a[i];

for (var i = 0; i < datas.value.length; i++) {

var item = datas.value[i];

kv += '<tr><td>'
+ item.key
+ '</td><td><input type="text" value=' + item.value + '/></td></tr>';
}
$('.tab').append(kv);
table+=kv+'</table></div>';
}
console.log(table);
$('#wrap').append(table);
},
error : function(json) {
console.log(json);
}
})
}

但是每次只能显示一个table，最后在（注释：添加的测试部分得到i的值为0，根本没增加）。下面来看一下普通的java代码吧

public static void main(String[] args) {
for(int i=0;i<2;i++){
for (int i=0;i<2;i++){

}
}
}

此处必然直接会报错，告诉你i需要rename（重命名），现在大家应该知道问题的原因了吧。
总结，var类型的for循环的嵌套，一定要注意i不要重复使用，不然不会报错，而且得不到你想要的结果。