如何从ajax jquery更新数据索引?

如何从ajax jquery更新数据索引?,jquery,ajax,Jquery,Ajax,我用ajaxget方法创建了一个数组和一个数组。我将此数据按其索引号作为数据[0]输出。对于下一个数据,我单击一个按钮,需要更新数据中的索引“here0”,以获取数据[1],依此类推。这是我的代码,我在之后用定义id进行了测试。完成了,但不起作用 $.ajax({ url: `/ajaxweblog`, id: 0, }).done(function (data) { $("#rast").on('click', funct

我用ajaxget方法创建了一个数组和一个数组。我将此数据按其索引号作为数据[0]输出。对于下一个数据,我单击一个按钮,需要更新数据中的索引“here0”,以获取数据[1],依此类推。这是我的代码,我在之后用定义id进行了测试。完成了,但不起作用

     $.ajax({
        url: `/ajaxweblog`,
        id: 0,
      }).done(function (data) {

        $("#rast").on('click', function () {
          this.id += 1;
        });
        $(".title-of").html(data[this.id]['title']);
        $(".subtitle-of").html(data[this.id]['subtitle']);
        $(".thearticel").html(data[this.id]['body']);
        $(".article-img").attr('src', '/images/articles/' + data[this.id]['image']);
      })

首先删除插入到“.done”中的单击句柄代码

$(“#rast”)。在('click',函数(){
这是1.id+=1;
});

然后,您必须保留响应对象的副本,并且在单击按钮(或更改id)时,您必须传递更新的JSON数据,以便表呈现

首先删除插入到“.done”中的单击句柄代码

let index = 0;
let data;

function updateDOM() {
  $('.title-of').html(data[index]['title']);
  $('.subtitle-of').html(data[index]['subtitle']);
  $('.thearticel').html(data[index]['body']);
  $('.article-img').attr('src', '/images/articles/' + data[index]['image']);
}

$("#rast").on('click', function() {
  index += 1;
  // check if the data variable has been assigned a value and if the next index exists
  if (data && data[index]) {
    updateDOM();
  }
});

// 'id' is not a valid key for the $.ajax settings object
$.ajax({
  url: '/ajaxweblog'
}).done(function(res) {
  data = res;
  updateDOM();
});
$(“#rast”)。在('click',函数(){
这是1.id+=1;
});

然后,您必须保留一个响应对象的副本,单击一个按钮(或更改id),您必须传递更新的JSON数据以呈现表

不要在事件处理程序中创建事件处理程序。也就是说,“它不工作”不是错误描述。它既缺少您期望的,也缺少发生的。请提供一个最小的、可重复的示例:不要在事件处理程序中创建事件处理程序。尽管如此,“它不起作用”并不是错误描述。它既缺乏您所期望的,也缺少所发生的。请提供一个最小的、可重复的示例:
let index = 0;
let data;

function updateDOM() {
  $('.title-of').html(data[index]['title']);
  $('.subtitle-of').html(data[index]['subtitle']);
  $('.thearticel').html(data[index]['body']);
  $('.article-img').attr('src', '/images/articles/' + data[index]['image']);
}

$("#rast").on('click', function() {
  index += 1;
  // check if the data variable has been assigned a value and if the next index exists
  if (data && data[index]) {
    updateDOM();
  }
});

// 'id' is not a valid key for the $.ajax settings object
$.ajax({
  url: '/ajaxweblog'
}).done(function(res) {
  data = res;
  updateDOM();
});