Angular js如何传递数据以删除服务？

Question

I am working in angular js on delete service api when passing data in service it is showing 400 bad request error.This is my js to call the service.

$scope.deleteUser = function(id){ 
    var data = 'Id='+id;   

     DataService.deleteUser(data).then(function successCallback(response) {
        console.log('deleted'); 
    }, function errorCallback(response) { 
            console.log(response);

    }); 

}

This is service js to delete users.

service.deleteUser = function(data){ 
                var config = {
                    headers:  {
                        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
                        'X-Auth-Token': 'mytoken'
                    } 
                };
                return $http.delete(mainURL + '/users', data, config); 
};

This is curl api request where i need to pass data:

curl -v -H "X-Auth-Token: mytoken" -X DELETE -F Id=665799088 http://<ipaddress>/users

Answer 1

The 2nd parameter to $http.delete is the config, so you need to pass the config object as the 2nd parameter and not data.

DELETE method type doesn't accept a Request body so you should not be passing the ID as data. Instead try this http://main_url/users?Id=id

So in your service use this

return $http.delete(mainURL + '/users?Id='+data, config);

Also check how you are passing the ID to your API. If you are passing ID as a query parameter then the above will work, but if you are passing it as a route parameter then the above URL won't work, but from your CURL expression I believe you are passing Id in the Query string and not as a route parameter.

Answer 2

According to documentation on $http service, delete method only accepts 2 parameters, url and config, meaning that your data is currently treated like config. You are most likely looking to pass some params options to your config object.

DataService.deleteUser(id).then(function successCallback(response) {
    console.log('deleted'); 
}, function errorCallback(response) { 
        console.log(response);

}); 

And your service declaration should be more like.

service.deleteUser = function(id){ 
                var config = {
                    headers:  {
                        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
                        'X-Auth-Token': 'mytoken'
                    },
                    params : { 
                        id : id 
                    }
                };
                return $http.delete(mainURL + '/users', config); 
            };

Also keep in mind that a path looking like /users/id is more correct, if you are in charge of the API.