<iron-ajax
  auto
  url="/api/data"
  params='{"page": 1, "pageSize": 10}'
  handle-as="json"
  last-response="{{data}}"
  on-response="_handleResponse">
</iron-ajax>

_handleResponse: function(event) {
  // 从响应头获取总页数等信息
  const total = event.detail.response.headers.get('X-Total-Count');
  this.totalPages = Math.ceil(total / this.pageSize);
}

_loadMore: function() {
  if (this.loading || this.page >= this.totalPages) return;
  
  this.loading = true;
  this.$.ajax.params = {
    page: this.page + 1,
    pageSize: this.pageSize
  };
  this.$.ajax.generateRequest();
}

_handleResponse: function(event) {
  const newData = event.detail.response;
  this.push('items', ...newData);
  this.page++;
  this.loading = false;
}

// 确保在请求前设置正确的参数
this.$.ajax.params = {
  page: this.currentPage,
  size: this.pageSize,
  sort: this.sortField
};
this.$.ajax.generateRequest();

_handleResponse: function(event) {
  const response = event.detail.response;
  // 标准化响应数据
  this.items = response.data || response.items || response;
  this.total = response.total || response.count || this.items.length;
}

<iron-ajax
  on-error="_handleError"
  ...>
</iron-ajax>

_handleError: function(event) {
  console.error('请求失败:', event.detail.error);
}

<template is="dom-if" if="[[loading]]">
  <div>加载中...</div>
</template>

// 防止快速连续点击
_debounceLoad: function() {
  this.debounce('loadData', this._loadMore, 300);
}