JQuery Ajax is sending GET instead of POST

Question

The following code triggers a GET instead of a POST HTTP request.

function AddToDatabase() {   this.url = './api/add'; }  AddToDatabase.prototype.postData = function(dataToPost) { $.ajax({     type: "POST",     url: this.url,     data: dataToPost,     context: this,     success: this.onSuccess   }); };   var AddToDatabase = new AddToDatabase(); data = {data: 'coucou'}; AddToDatabase.postData(data); 

Why, and how can I get a POST ?

---

I see in Google Chrome Inspect and Firefox Inspect that the browser sends a GET. Here is from Chrome:

Request URL:http://localhost/SAMPLE-CODES/UPDATE%20MYSQL/api/add/ Request Method:GET Status Code:200 OK

---

SOLVED

The URL called './api/add' was to actually post to './api/add/index.php'. Turns out that calling './api/add/index.php' or './api/add/' gives me a POST request.

It was just a wrong URL, but for some reason I was getting a successful GET request to '.api/add/'.

Answer 1

Some problem on MVC. For some reason when I remove the [HttPost] it works as expected, even though I am telling ajax to use POST .

• It turns out you need to use

type: "POST"

• Even though the example on jQuery page says to use

method : "POST"

Now it POST's

But after digging in the documentation I found this.

Answer 2

I had this issue and per @FAngle's suggestion it was because my .htaccess was removing trailing slashes — and I had set the url to /ajax/foo/bar/ and not/ajax/foo/bar. The redirect changes the request from POST to GET. Remove the / and problem solved!