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