Question

我想使用POST方法向API提交数据，而无需重新加载视图。无论成功还是错误，我的视图在运行后都会重新加载。

我使用此功能将数据提交到API：

$scope.addObject = function (data) {
    Object.add(data).then(function (response) {
        $scope.isSubmitting = false;
        if (response !== null)
            toaster.pop(response.status, response.status, response.message);
        return false;
    });
};

它使用以下服务：

.factory('Object', function ($http, $rootScope) {
    var object = {},
        url = $rootScope.apiUrl;

    object.add = function (data) {
        return $http({
            url: url + '/object/add',
            method: 'POST',
            params: data
        })
        .then(function(response) { 
            return response.data;
        });
    };

    return object;
});

这是表单的HTML。

<form class="object-form" ng-submit="addObject(objectData)">
    <select name="type" ng-model="objectData.type">
        […]
    </select>
    <button type="submit">OK</button>
</form>

表单运行得很好，它没有提交页面。只是视图重新加载。

如何避免重新加载视图？

<小时/> 的更新

如果请求成功（状态= 200），则不会重新加载视图。

Answer 1

所以，问题来自另一个地方：

如果响应是错误的话，有一个拦截器正在重新加载视图。

我把它作为一个答案，因为它是拦截器第二次给我带来问题，所以，如果有人来到这里，请知道你应该检查拦截器。

在AngularJS中的http请求之后重新加载视图

1 个答案: