PHP ajax post data empty

Question

I am posting form data from create.php as below using $.ajax.

$(document).ready(function () {

    var request;
    $("#create-pto").submit(function(e) {
        // Abort any pending request
        if (request) {
            request.abort();
        }

        var $form = $(this);
        var serializedData = $form.serialize();

        request = $.ajax({
            url: 'index.php',
            type: 'POST',
            contentType : 'application/json',
            data:  serializedData
        }).done(function (response, textStatus, jqXHR) {
            // Log a message to the console
            console.log("Hooray, it worked!");
        });

        e.preventDefault();

    });

});

I can see the posted data and i can log post success.

But in index.php could not retrieve posted data.

This is what i am trying in index.php

var_dump($_POST);

Form :

       <form class="form-horizontal"  id="create-pto"  >
                 <div class="form-group">
                    <label for="inputEmail3" class="col-sm-2 control-   label">App ID</label>

                    <div class="col-sm-4">
                        <input type="text" class="form-control" name="app-id" id="app-id" placeholder="App ID">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-2 control-label">App Name</label>

                    <div class="col-sm-4">
                        <input type="text" class="form-control" name="app-name" id="app-name"
                               placeholder="App Name">
                    </div>
                </div>

                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-2 control-label">Instance Name</label>

                    <div class="col-sm-4">
                        <input type="text" class="form-control" id="inputPassword3" name="ins-name"
                               placeholder="Instance Name">
                    </div>
                </div>

            <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="create" class="btn btn-success">Create PTO</button>
                    </div>
                </div>
              </form>

Pls help.

When you watch your "network" with the web tool brower, is it ok? — Snow
– Snow, Commented Jun 22, 2016 at 9:49
When form will submit ,without any submit button ? Can you post your form code — Jack jdeoel
– Jack jdeoel, Commented Jun 22, 2016 at 10:27

Muhammad Sumon Molla Selim · Accepted Answer · 2016-06-22 09:50:39Z

1

Try changing the contentType on your JavaScript code:

contentType : 'application/x-www-form-urlencoded',

And if you want to keep the contentType to json, try this way on your PHP file:

echo file_get_contents('php://input');

edited Jun 22, 2016 at 9:50

answered Jun 22, 2016 at 9:48

Muhammad Sumon Molla Selim

4,1291 gold badge26 silver badges34 bronze badges

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

3 Comments

Aruna Warnasooriya Over a year ago

You should use JSON.stringify(serializedData) to send json type data. and try to catch them using $_REQUEST.

Aruna Warnasooriya Over a year ago

Did u try with var_dump($_REQUEST)

Spdexter Over a year ago

I tried contentType : 'application/x-www-form-urlencoded' , data:serializedData and var_dump($_REQUEST) I get array(0) { } in index.php for var_dump($_REQUEST);

dimlucas · Accepted Answer · 2016-06-22 09:54:51Z

1

If you use .serialize() you need to change contentType to 'application/x-www-form-urlencoded'.

If you want to keep contentType: 'application/json' you have to use JSON.stringify instead.

Also note that JSON strings in POST requests are retreived using file_get_contents('php://input'); not $_POST

answered Jun 22, 2016 at 9:54

dimlucas

5,1417 gold badges41 silver badges54 bronze badges

2 Comments

Spdexter Over a year ago

i changed contentType: to 'application/x-www-form-urlencoded'. and tried file_get_contents('php://input'); but echoing doesnt print anything on index.php

dimlucas Over a year ago

@Spdexter Try not serializing or stringifying the data at all and check if $_POST gets populated

Vijaysinh Parmar · Accepted Answer · 2016-06-22 10:08:31Z

1

Change your

contentType : 'application/json'

to

dataType: "JSON"

It will start work.. I tested code on my system.

answered Jun 22, 2016 at 10:08

Vijaysinh Parmar

9271 gold badge15 silver badges19 bronze badges

Comments

Jack jdeoel · Accepted Answer · 2016-06-22 13:09:37Z

0

try type:GET instead of type:POST,also call var_dump($_GET) in index.php

answered Jun 22, 2016 at 13:09

Jack jdeoel

4,5886 gold badges28 silver badges57 bronze badges

Collectives™ on Stack Overflow

PHP ajax post data empty

4 Answers 4

3 Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related