I have to send a http DELETE request to a server. The type has to be JSON, and the object looks like this:

{ "id": "value"}

My first approach was the following code, but so far it doesn't work:

$http.delete('http://blabla/server/house', {"id": "value"}).success(function(data) {
            console.log(data);
            //Redirect to index.html
            $location.path('/'); 
        });

What would a working solution look like?

I have to send a http DELETE request to a server. The type has to be JSON, and the object looks like this:

{ "id": "value"}

My first approach was the following code, but so far it doesn't work:

$http.delete('http://blabla/server/house', {"id": "value"}).success(function(data) {
            console.log(data);
            //Redirect to index.html
            $location.path('/'); 
        });

What would a working solution look like?

• javascript
• json
• angularjs

• The syntax is: $http.delete(url, [config]), not $http.delete(url, [data]) – Kevin B Commented Apr 15, 2015 at 15:07

3 Answers 3

As @KevinB pointed out, config is the second parameter.

var obj = { "id": "value"};
var config = { data: JSON.stringify(obj) };
$http.delete('http://blabla/server/house', config).success(function(data) {
        console.log(data);
        //Redirect to index.html
        $location.path('/'); 
    });

$http({
            method: 'DELETE',
            url: 'http://blabla/server/house',
            data: JSON.stringify({
                'id': 'value'
            })
        }).success(function (results) {
            console.log(results);
            //Redirect to index.html
            $location.path('/'); 
        });

I guess you can just pass the param as part of the query params. Something like this:

var config = {
   params: {
     yourServerSideParamName: JSON.stringify({'id': 'value' })
   }
};

$http.delete('blabla/server/house', config).success(function(data){
   $location.path('/'); 
});

Hope it helps!