Jquery 多个$http.get调用必须在调用时更新行

Jquery 多个$http.get调用必须在调用时更新行,jquery,ajax,laravel,vue.js,laravel-spark,Jquery,Ajax,Laravel,Vue.js,Laravel Spark,我有一个表,其中包含来自多个来源(网站)的信息。每行都是不同的源。用户可以通过单击刷新图标来刷新每一行/源/网站的数据,或者,用户可以通过单击标题行中的刷新图标来更新所有行 刷新时,脚本实际上会登录到每个网站并获取实时数据,而不是从数据库获取陈旧数据 我希望在用户单击标题行中的refresh ALL图标时,在数据到达时更新每一行 以下是我目前的结构。它确实会更新表,但只有当每一行都完成时才会更新 Vuejs Laravel Spark(使用$http.get) 拉雷维尔5.3.31 Vu

我有一个表,其中包含来自多个来源(网站)的信息。每行都是不同的源。用户可以通过单击刷新图标来刷新每一行/源/网站的数据,或者,用户可以通过单击标题行中的刷新图标来更新所有行

刷新时,脚本实际上会登录到每个网站并获取实时数据,而不是从数据库获取陈旧数据

我希望在用户单击标题行中的refresh ALL图标时,在数据到达时更新每一行

以下是我目前的结构。它确实会更新表,但只有当每一行都完成时才会更新

  • Vuejs
  • Laravel Spark(使用
    $http.get
  • 拉雷维尔5.3.31

Vue.component('websites'){
//道具:[''],
/**
*组件数据
*/
数据(){
返回{
userLbProfiles:[],
旋转图标:错误,
显示刷新按钮:“”,
刷新时间:“”,
忙:'',
更改状态:“”,
};
},
/**
*引导组件
.    */
安装的(){
var self=这个;
this.fetchLastRefreshTime();
这是getData();
this.busy=false;
this.showRefreshButton=true;
},
/**
*组件的方法
*/
方法:{
/**
*从数据库获取当前存储的数据
*
*@返回响应
*/
getData(){
this.changeStatus=true;
这是.http.get('/get/all/userLbProfiles'))
.然后(功能(响应){
控制台日志(响应);
this.userLbProfiles=response.data;
this.busy=false;
this.spin_icon_many=false;
this.changeStatus=false;
})
},
/**
*仅从数据库中获取一行
*
*@返回响应
*/
getDataForOne(userLbProfileId,i){
this.changeStatus=true;
这是.http.get('/get/one/userLbProfile/'+userLbProfileId)
.然后(功能(响应){
控制台日志(响应);
this.userLbProfiles[i]=response.data;
log(this.userLbProfiles[i]+'number:'+i);
this.busy=false;
this.userLbProfiles[i].spin_icon=false;
this.changeStatus=false;
})
},
/**
*调用api登录到一个网站并获取实时数据
*
*/
refreshOne(userLbProfileId,i){
this.userLbProfiles[i].spin_icon=true;
this.busy=true;
这是.$http.get('/get/refresh/one'+userLbProfileId)
.然后(功能(响应){
控制台日志(响应);
this.getDataForOne(userLbProfileId,i);
//这是getData();
})
},
/**
*调用api登录并更新指定的网站
*下一个
*
*/
刷新许多(){
this.spin_icon_many=true;
this.busy=true;
对于(i=0;i
最后更新
@{{dataItem1}}
@{{dataItem2}}

等等
您可以显示表格内容的其他部分吗

您的意思是,当服务器响应数据更新时,单个表行不会更新


可能它会解决您的问题?

用调用
getDataForOne
来替换循环的内容,这样逻辑就不会在循环中处理,而是在getDataForOne方法中处理。问题是,每个请求需要3-15秒(我更新了我的帖子以澄清)因此,您的建议将从DB运行getData,但该数据尚未更新,并且在异步调用完成之前不会更新。