JQuery ajax DELETE request fails at OPTIONS stage

Question

I am trying to send a delete request with JQuery but I keep getting a 500 internal server error. The code I am using to send the request is: ``` $('#deleteReview').click(function(event, ui){ var id = $('#editReviewId').val(); $.ajax({ type: 'DELETE', url: 'http://api.domain.com/v1/reviews/' + id, data: 'delete=1' + accessTokens, dataType: 'json', success: function(data) { ... }, error: function(data) { ... } }); return false; }); ``` Although I get a 200 OK response when using Postman (Chrome HTTP client extension) and also when I send a GET or POST using the exact same AJAX function. It is just PUT and DELETE that do not work. I have tested in the latest Chrome and Firefox as well as on an Android phone so do not think the browser is the problem. Could anyone guide me towards what could be wrong with the code? Thanks EDIT The request and response headers: ``` Request URL:http://api.domain.com/v1/reviews/11 Request Method:OPTIONS Status Code:500 Internal Server Error Request Headers A…

Accepted Answer

It's definitely a server issues.

I don't know what server you are using, but here's how I handle OPTIONS in node:

```
var allowCrossDomain = function(req, res, next) {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
    res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, api_token, user_token');
    if ('OPTIONS' == req.method) {
        res.send(200);
    } else {
        next();
    }
};
```

JQuery ajax DELETE request fails at OPTIONS stage

Solution

Problem

Related problems