点击按钮加载更多(js)

最新推荐文章于 2023-03-29 08:42:02 发布

原创

最新推荐文章于 2023-03-29 08:42:02 发布 · 2k 阅读

5 ·

CC 4.0 BY-SA版权

/*初始化*/
var counter = 0; /*计数器*/
var pageStart = 0; /*offset*/
var pageSize = 5; /*size*/

/*获取地址栏id*/
var id = getUrlSearch("id");

/*首次加载*/
getData(pageStart, pageSize, id);

/*点击加载更多*/
function loading() {
	counter++;
	pageStart = counter * pageSize;
	getData(pageStart, pageSize, id);
}

/*请求接口渲染数据*/
function getData(offset, size, id) {
	$.post(U('api/Inventory/get_shelf_one_api'), {
		'id': id,
	}, function(data) {
		console.log(data);
		var data = data.introduce;
		var sum = data.length;
		var result = '';

		if(sum - offset < size) {
			size = sum - offset;
		}

		/*使用for循环模拟SQL里的limit(offset,size)*/
		for(var i = offset; i < (offset + size); i++) {
			result += '<tr>' +
				'<td style="text-align: center;">' + data[i].brand + '</td>' +
				'<td>' + data[i].car_type + '</td>' +
				'</tr>';
		}

		$('.floated_list').append(result);

		/*隐藏more按钮*/
		if((offset + size) >= sum) {
			$(".