Simple AJAX Get request is "pending"

Question

I am trying to implement a simple AJAX GET request. This request tells the server to delete a document in a database. While I get confirmation from the server that the document is deleted, the Chrome Inspector shows that the request sits as "pending", eventually resulting in a server error. What am I doing incorrectly? HTML ```

``` JS ``` $('.delete-note').click(function(e) { var url = '/docs/' + doc_id + '/note_destroy/' + note_id; $.ajax({ type: "GET", url: url, cache: false, }); e.preventDefault(); }); ``` Edit: Including server-side code as well: Node/Express ``` exports.note_destroy = function(req, res) { Doc.findOne({ doc_id : req.params.doc_id }, function(err, data) { if (err) throw (err); note_id = req.params.note_id; data.notes.id(note_id).remove(); data.save(function(err) { if (err) throw (err); console.log('note ' + note_id + 'is removed.'); }); }); }; ```

Accepted Answer

Your server-side function doesn't write any response, so the browser waits for it indefinitely. Try writing a response, perhaps with some kind of status code that the client-side can check to tell whether the deletion worked. Something like...

```
res.writeHead(200, { 'Content-Type': 'application/json' });
res.write(JSON.stringify({ status: OK }));
res.end();
```

Simple AJAX Get request is "pending"

Solution

Problem