js处理后台返回json格式数据生成html-列表数据
$(function () {
//点击年 重新获取数据
$('.item-title').on('click',function () {
$(this).addClass('title-active');
$(this).parent().siblings().find('.item-title').removeClass('title-active');
var case_year = $(this).find('.item-year').html();
var cat_id = parseInt('{$cate.cid}');
$('input.form-control').val('');
$('#case_year').val(case_year);
// $('.btn-number').attr('data-year',case_year);
$.post("{:U('Common/getItem')}",{'case_year':case_year,'cat_id':cat_id},function (msg) {
if(msg.status ==1){
var data = msg.data;
get_ajax(data,case_year,msg.number,1)
}else {
layer.msg(msg.info);
}
})
});
$('body').on('click','.page .btn',function () {
var get_num = $(this).html();
var case_year = $(this).attr('data-year');
var cat_id = parseInt('{$cate.cid}');
$.post("{:U('Common/getItem')}",{'case_year':case_year,'cat_id':cat_id,'get_num':get_num},function (msg) {
get_ajax(msg.data,case_year,msg.number,get_num);
});
});
function get_ajax(str,case_year,number,page_num) {
var data = str,
html='',
num,
num_html='',
active_class='';
for(var p in data) {
num = parseInt(p)+1+((page_num-1)*30);
html += '<tr>';
html += '<td width="8%" class="num">'+getnum(num,3)+'</td>';
html += '<td>'+data[p].name+'<td>';
html += '</tr>';
}
// console.log(html);
$('.table-responsive table').html(html);
for(var i=1;i<=number;i++){
if(i==page_num) {
active_class = ' btn-active'
}
num_html += '<button class="btn btn-success btn-number'+active_class+'" data-year="'+case_year+'">'+i+'</button>';
}
$('.page').html(num_html);
console.log(page_num);
}
})
//搜索
$('#search-form').ajaxForm(function(data) {
console.log(data);
layer.msg(data.info, {
time: 3000
}, function(){
if(data.url!=''){
location.href=data.url
}
});
});
苏州网站建设专注于分享互联网、搜索引擎等互联网技术IT学习技术。
