如何完成对 REST API 的 http 调用？

Question

我将 ionic 与已实现 REST API 的节点服务器一起使用，但我遇到了一个问题：当我在前端执行多次更新查询时，服务器仅执行 6 个请求然后停止运行。

在 Ionic 应用程序（前端）中，我有这个：

update_loc() {
    // Attempt to login in through our User service
    this.busloc.update_loc(this.track_info).subscribe((resp) => {
      console.log("Call provider in busloc.ts")
    }, (err) => {
      console.log("Updating location failed")
    });
  }

在我的提供商 (bus-loc.ts) 中，我有：

  update_loc(track_info: any) {
    let seq = this.api.post('update_loc', track_info).share();

    seq.subscribe((res: any) => {
      // If the API returned a successful response, locations has been updated
      if (res.status == 'success') {
         console.log("Location updated succesfully")
      } 
    }, err => {
      console.error('ERROR', err);
    });

    return seq;
  }

在后端我有以下功能：

//Actualizar ubicacion
function updateLoc(req,res){
    body = req.body;    
    TrackInfo.findOne({ where: { id: body.id } })
    .then(tr_info=>{
        if (!tr_info){
            return res.status(404).send ('No track_info found');
        }

        tr_info.update({
            is_active: body.is_active,
            lat: body.lat,
            lon: body.lon
        })
        console.log("Updated track info succesfully")
        return res.status(200); 


    }).catch(err => {
        return res.status(500).send ('Server Error in updateLoc');
    });

}

现在我想知道如何完成 api 调用，因为我读过浏览器（在我的情况下是 Chrome）只能执行六个 http 请求，并且由于我连续多次调用 update_loc()，所以服务器被阻塞。 欢迎任何建议。感谢您的关注

Answer 1

您可以通过拨打unsubscribe取消最后一次通话

  subscription: Subscription;
  update_loc() {
    // cancel last call
    this.subscription.unsubscribe();
    // Attempt to login in through our User service
    this.subscription = this.busloc.update_loc(this.track_info).subscribe((resp) => {
      console.log("Call provider in busloc.ts")
    }, (err) => {
      console.log("Updating location failed")
    });
  }

您可以在这里找到更多信息：https://www.syntaxsuccess.com/viewarticle/angular-2.0-and-http