数据保存成功后，需要刷新页面，但是刷新后还是老数据

今天做了一个功能，保存成功后，刷新页面，

$('#btn').on('click', function(event) {

var ids = $("#idt").getChecked();

if (ids.length > 0) {

$.ajax({

url : basePath + "/XXX",

data : {

ids : ids.join(","),

},

success : function(data, message) {

})

} else {

alert("请选择一条以上的数据");

return;

}

$btGrid.flexReload({});

}

});

最后调试半天都不行，怀疑是因为后端当时还没保存到数据库，导致查询出来的是老数据，在第一个请求，采用线程暂停一会的方式，比如5秒，发现还是老数据。

最后采用F12调试。发现第一个请求到后端后，还没到5秒，第二个请求紧接着就又往后台发了。

原因大致找到了，是因为，第一个ajax请求的结果还未返回给前端，第二个请求又发起了。

改成，第一个请求返回成功后再进行刷新即可。

$('#btn').on('click', function(event) {

var ids = $("#idt").getChecked();

if (ids.length > 0) {

$.ajax({

url : basePath + "/XXX",

data : {

ids : ids.join(","),

},

success : function(data, message) {

//成功后，才需要刷新页面，这样才可以加载到最新数据。

$btGrid.flexReload({});

})

} else {

alert("请选择一条以上的数据");

return;

}

}

});