PHP and jQuery AJAX - $_POST is always empty

Question

I am trying to output my $_POST value in the alert box with jQuery AJAX function, but the $_POST value from my PHP controller is always empty and I am always getting an empty array in the response.

I am using PHP version 5.5, jQuery version 2.2.3

(I have tried multiple variants of possible solutions for this issue, but still I can't find a correct way to fix this).

1. This is my AJAX code (I didn't made it with submit function, I am just updating some content on my web page without redirection):

$.ajax({
                method: 'POST',
                url: '../OrganizationController.php',
                dataType: "json",
                contentType: "application/json",
                data: {'myForm':$('#myForm').serialize()},
                success: function(data){
                    alert(data);
                },
                error: function(xhr, desc, err){
                    console.log(err);
                }
            });

2. There is my simple PHP controller:

<?php

include('../mysql_conn.php');

$value;
if ($_POST['myForm']) {
    $value= $_POST['myForm'];
    header('HTTP/1.1 200 OK');
} else {
    header('HTTP/1.1 500 Internal Server Error');
}

header('Content-Type: application/json');
echo json_encode($value);
...
?>

3. My simple form:

 <form id="myForm">
    <input type="text" name="name" title="Name"/>
    <input type="button" name="click">Press</input>
</form>

Controller is working. If I want to output a response with my input or some test text - everything is working and I get text in the success alert box.

I have tried different ways and saw almost all answers for similar issues.

I have tried to deleted dataType, tried to change it to text, tried to remove contentType, added an object to data like in many answers people advised, tested it with simple values like {'name':John} etc., tried to make a very simple form with one input and text-field. Nothing helped.

Question:

Can you advise for this issue or some small example with my code or with other similar code with possible solution for my problem?

Edit:

We have a very informative discussion, but unfortunately none of this solutions helped. But now we understood that in the other browsers or computes everything is working fine and the problem may be more serious (in configurations etc.).

I have already tried this and remove it again, still nothing. — Alexey Shabramov
– Alexey Shabramov, Commented Mar 27, 2017 at 9:30
Thanks, also already tried this variant yesterday and after you commented - still nothing.. — Alexey Shabramov
– Alexey Shabramov, Commented Mar 27, 2017 at 9:35

Satish Saini · Accepted Answer · 2017-03-27 10:12:22Z

3

In your PHP file, you can only retrieve the input parameters by their name. Like, in your form, if you have email or phone number and you are sending them to your controller file then get it by their name in your controller file instead of form name.

Here is the correct code to do this:

$.ajax({
     method: 'POST',
     url: 'test.php',
     dataType: "json",
     data: $('#myForm').serialize(),
     success: function(data) {
         alert(data);
     },
     error: function(xhr, desc, err) {
         console.log(err);
     }
 });

And in your PHP file, get the values like

<?php
if ($_POST['name']) {
    $value= $_POST['name'];
} else {
    header('HTTP/1.1 500 Internal Server Error');
}

header('Content-Type: application/json');
echo json_encode($value);
?>

Here I assume that email is a field in your form.

Try this!

Edit: Just replaced POST param in PHP file because I saw that "name" is one of the fields in your form. Cheers!

P.S: contentType: application/json doesn't work sometimes. Here you can see some threads on it: Github Thread

answered Mar 27, 2017 at 10:12

Satish Saini

2,9783 gold badges27 silver badges38 bronze badges

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

4 Comments

Alexey Shabramov Over a year ago

Thanks for your answer. I have tried all your variants but POST is still empty and I am having an 500 error. There was a long discussion with Masivuye Cokile and in his browser everything is working fine, but in mine I have this error... strange...

Satish Saini Over a year ago

@AlexeyShabramov Can you show it to me on Skype or any other IM?

Alexey Shabramov Over a year ago

Thanks for your answerl, but I have already found the solution... and it was the IDE serious bug. When I switched to another IDE and server - all is started to work fine.

Satish Saini Over a year ago

Awesome! Glad to hear that you fixed it yourself.

Rory McCrossan · Accepted Answer · 2017-03-27 09:18:46Z

1

The problem is because you're placing form-encoded data within a JSON object. Aside from being redundant, all this will do is confuse your PHP code.

To fix the problem, just send the serialised form and use $_POST to retrieve the sent fields as normal.

$.ajax({
    method: 'POST',
    url: '../OrganizationController.php',
    dataType: "json",
    data: $('#myForm').serialize(),
    success: function(data){
        alert(data);
    },
    error: function(xhr, desc, err){
        console.log(err);
    }
});

if ($_POST['input-field-name-here']) {
    // do something with the data here...

    header('HTTP/1.1 200 OK');
} else {
    header('HTTP/1.1 500 Internal Server Error');
}

answered Mar 27, 2017 at 9:18

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

1 Comment

Alexey Shabramov Over a year ago

Thank you Rory McCrossan for your answer, but I have already tried this variant and tried this again after you answer and still nothing. I am getting an empty POST and the header error 500.

Alexey Shabramov · Accepted Answer · 2017-03-28 07:25:21Z

1

I finally found the solution!

Three days I was trying to fix this issue. I was using PHPStorm IDE v.2016.1 with it's own Build-in server.

So when I have switched to the XAMPP with it's own Apache server - the problem was solved. All is working fine in different variants, so the problem was not in my code. I found that this is the real bug in PHPStorm

To solve this issue: Just switch to another server and don't use PHPStorm p.s. even when I have changed multiple servers in my PHPStorm IDE - problem wasn't solved, so be carefull.

answered Mar 28, 2017 at 7:25

Alexey Shabramov

7882 gold badges19 silver badges41 bronze badges

Collectives™ on Stack Overflow

PHP and jQuery AJAX - $_POST is always empty

3 Answers 3

4 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related