最近用ajax获取数据,上级要求要自己写一个js模板,以往看到的js模板,大都数都是在js里面拼接的,现在换一种比较简单的写法,
通过ajax获取数据源,js模板循环显示数据
1 function GetBalance() { 2 var star = $("#starsj").val(); 3 var end = $("#endsj").val(); 4 var data = { opt: "GetAllotment", In: star, Out: end }; 5 var layindex = 0; 6 $.ajax({ 7 type: "POST", 8 url: "Source/GetData.aspx", 9 data: data, 10 beforeSend: function () { 11 }, 12 success: function (r) { 13 //r值是一个obj类型,里面包含了几个数组 14 if (r.Status == 0) { 15 //使用laytpl方法获取写好的模板读出后,用r的数据去填充 16 var ret = laytpl($("#tpl-prieshow").html()).render(r); 17 $("#tplmo").html(ret); //将最新的模板数据,通过div(tplmo)显示出来 18 } 19 }, 20 dataFilter: function (data, type) { 21 if (data.length > 0 && data != "{}") { 22 return $.parseJSON(data); 23 } 24 layer.msg('未查到数据!'); 25 return null; 26 }, 27 error: function (XMLHttpRequest, textStatus, errorThrown) { layer.msg('网络出现错误了!,请刷新重试或者联系管理员'); }, 28 complete: function (XMLHttpRequest, textStatus) { 29 layer.close(layindex); 30 } 31 }) 32 }