最近用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         }
js代码

相关文章: