php循环ajax输出html $ajax如何 遍历这种数组结构 输出到html

我这个方法是不是有问题，为什么一次比一次多，而不是追加效果？？

var refresh_open = true;

var page=1;//初始页数

var mid=1;//mid:模块1视频2文章3专题

var limit=20;//每页条数，支持10,20,30

var html='' ;

function ajax_dat(){

if(refresh_open){

$.ajax({

url:maccms.path+"/index.php/ajax/data.html",

type:"POST",

dataType:"json",

data: 'mid='+mid+'&page='+page+'&limit='+limit+'',//url参数

success:function(data){

if(data){

var vod=data['list']

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

html +='

';

html +=''+vod[i].vod_name+'

';

}

var vod_list=$('#vod_list');

vod_list.append(html);

page +=1

setTimeout(function(){

refresh_open = true;

},100);

}else{

alert("")

};

},

error:function(){

alert("请求失败");

}

})

}

}