jQuery Ajax returning 404 when method = post

So I have an ajax script that runs, it looks like this:

 jQuery.ajax({ url: ' type: 'POST', data: { name : 'name2' }, success: function (data) { alert(data); }, error: function(xhr, desc, err) { console.log(xhr); console.log("Details0: " + desc + "\nError:" + err); }, }); 

This runs fine but returns a 404 from the page set as the 'url' If I remove 'type: post'

3 Answers

Here your method: 'Post', Type is something what you want to get in return like text

 jQuery.ajax({ url: ' method: 'POST', data: { name : 'name2' }, success: function (data) { alert(data); }, error: function(xhr, desc, err) { console.log(xhr); console.log("Details0: " + desc + "\nError:" + err); }, }); 

If type: 'POST' is omitted, jQuery is treating it like a GET request, which it defaults to see the docs, where the resource may not exist therefore resulting in a the 404 you're seeing.

It turns out I forgot to add the name="" parameter in my input types. Doh!