如何在jquery中将表单数据转换为JSON（初学者）？

Question

I am trying to send data using AJAX to PHP page. I am getting all the data from the form and I am trying to convert it to JSON. However, .stringify() doesn't do the job for me.

Here is my code:

<script>
        $(document).ready(function(){

            console.log("Ready..");

            $("#profile-form").submit(function(event){
                var data = $(this).serialize();
                console.log(JSON.stringify(data));

                $.ajax({
                    type    : "POST",
                    url     : "profile.php",
                    data    : JSON.stringify(data),
                    success : function(response){
                        alert(response);
                    }
                });
            });

            //$("#profile-form").submit();
        });
</script>

I am able to see the form-data on the console. However, I am not getting any JSON data on the server. I have just done print_r($_POST['data']) in my profile.php page. However, it says variable data not defined.

Answer 1

There should be no $_POST['data'] available because the data you are sending is saved directly in $_POST variable, which should be accessible with print_r($_POST) or print_r(json_decode(print_r($_POST))) (since you have stringified it.)