随机执行 POST 请求的 Angularjs 服务被取消

Question

我有一个服务可以进行简单的 POST:

saveVersion: function(styleGuideId, data){
    return $http({method: 'post', url: '/style_guides/' + styleGuideId + '/new_version', data: data}).then(function(project){
      console.log('request completed')
    });
  },

在控制台中，如果我发出这个请求，它工作正常。

但是当我在我的 UI 中单击一个发出此请求的按钮时，我在我的服务器上看到该请求以 200 完成，但在客户端，浏览器显示它已被取消。

额外的GET也是一个谜。在控制台中，我触发这样的请求:

angular.element(document.body).injector().get('StyleGuides').saveVersion(sg_id, data)
//sg_id and data are local variables that I got like this:
sg_id = angular.element($0).scope().project.style_guide_id

Answer 1

刚刚想通了。愚蠢的错误

触发保存的按钮如下所示:

<a href="javacript://" ng-click="saveVersion()">Save</a>

看到错别字了吗？将 javacript:// 更改为 javascript:// 解决了这个问题。