Manipulate serialize ajax data to php

Question

I'm struggling with reading post data from ajax post in my php code. I'm neither an expert PHP nor Jquery, I learn it a few weeks ago. So sorry if I dont use yet all the terminology. I serialize data from ajax because I will have more field in my form. Here for the sake of clarity, I show only one field. I'm trying to read each variable, for example comment in this case, I simply try to print_r($_POST) and I got error. I cannot see how to do, probably a converting or syntax error. I would appreciate any insights

php file

public function ajaxSave($post_id)
    {

    print_r($_POST);    

}

jquery script

$('body').on('click','#saveComment',function(e) {


            $("#comment-form").submit(function(e) {
                var postData = $(this).serialize();
                alert(postData);
                $.ajax( 
                {
                    url : "ajaxSave.php",
                    type: "POST",
                    data : postData,
                    dataType:"json",
                    success:function(data)
                        {
                            alert('success');
                        },
                    error: function(jqXHR, textStatus, errorThrown) 
                        {
                            alert("error");
                        }
                });
                e.preventDefault(); //STOP default action
                });
            $("#comment-form").submit(); 
        });

Form

<input id="Comment_comment" type="text" name="Comment[comment]" maxlength="140" size="60">

in Firebug

in post tag, I have

Comment[comment]    mycomment
Comment[post_id]    16

Source

Comment%5Bcomment%5D=mycomment&Comment%5Bpost_id%5D=16

in HTML tag, I have

Array ( [Comment] => Array ( [comment] => for [post_id] => 16 ) )

yes , thank you, in my code it is coded so the php code is called, I made a mistake in my retranscription @adeneo — trinocle
– trinocle, Commented Apr 6, 2014 at 12:37
I hate capital letters in names, classes and IDs. Like nails on a chalkboard. Give us the PHP error — Deryck
– Deryck, Commented Apr 6, 2014 at 12:45

adeneo · Accepted Answer · 2014-04-06 12:56:40Z

0

You're expecting JSON back, but returning a print of the $_POST superglobal, and that's a parseError.

Remove the dataType and log the printout to the console to see it

$('body').on('click', '#saveComment', function (e) {
    e.preventDefault();
    $("#comment-form").trigger('submit');
});

$("#comment-form").submit(function(e) {
    e.preventDefault();
    var postData = $(this).serialize();
    alert(postData);
    $.ajax({
        url: "ajaxSave.php",
        type: "POST",
        data: postData,
        success: function (data) {
            console.log(data)
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert("error");
        }
    });
});

And don't bind the submit event inside a click event

answered Apr 6, 2014 at 12:56

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

Comments

Deryck · Accepted Answer · 2014-04-06 21:09:18Z

0

Replace print_r($_POST); with echo json_encode($_POST);

answered Apr 6, 2014 at 21:09

Deryck

7,6662 gold badges27 silver badges44 bronze badges

Collectives™ on Stack Overflow

Manipulate serialize ajax data to php

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related