jQuery ajax - error runs even though it ran successfully

Question

I have the following code as aprt of my .ajax section

success: function (data) { alert("success"); }, error: function(xhr, ajaxOptions, thrownError) { alert(xhr.status); }

The first alert never runs, however the data is submitted correctly using the below:

data: JSON.stringify({ "solution": JSON.stringify(data) }), // Data is HTML

In fact, the second alert comes back with a status of 200 and everything through Google Chrome console looks fine.

Any idea? Full code:

var request = jQuery.ajax({ url: "/answers/"+content_id, type: "POST", data: JSON.stringify({ "solution": data }), dataType: "json", headers: { Authorization: 'Basic XXX', 'X-HTTP-Method-Override': 'PATCH', 'Content-Type': 'application/json' }, success: function (data) { alert("success"); }, error: function(xhr, ajaxOptions, thrownError) { alert(xhr.status); } });

Check the other arguments to error, the second of which is actually textStatus according to the documentation. It might be a "timeout", "parseerror" or other built-in error. — Heretic Monkey
– Heretic Monkey, Commented Jan 17, 2017 at 22:30

Ajay M · Accepted Answer · 2017-01-17 11:56:09Z

2

The $.ajax function expects JSON data as response. If the response is not JSON, the error callback will be called. Please have a look at what you are sending out from server.

answered Jan 17, 2017 at 11:56

Ajay M

1391 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

pee2pee Over a year ago

application/json is the server response

Ajay M Over a year ago

Is the server response is valid json data?

Community · Accepted Answer · 2017-05-23 12:24:23Z

Please test some things:

Set type: "GET" instead of post. Look at this: GET OR POST

Headers data are string (name/value), and maybe your data encoding is utf8 so set

headers: { 'Authorization': 'Basic XXX', //high recommended 'X-HTTP-Method-Override': 'PATCH', 'Content-Type': "application/json; charset=utf-8" //low },

Test another word instead of data to avoid conflict:
```
success: function (response) 
```

Please add some explanation of why this code helps the OP. This will help provide an answer future viewers can learn from. See How to Answer for more information. Right now this looks more like a set of comments than an actual answer.

Collectives™ on Stack Overflow

jQuery ajax - error runs even though it ran successfully

2 Answers 2

2 Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Linked

Related