Question

This is the jquery ajax part in which i have sent json data to the php file.

$(function () {
 $('form').submit(function () {
   var fields = $(this).serializeArray();
   var ans_json = JSON.stringify(fields);
   console.log(ans_json);

   $.ajax({
     url: "results.php",
     type: "POST",
     data: ans_json,
     dataType: "json",
     success: function (result) {
       console.log(result);
     }
   });
   return false;
 });
});

Now i want to use this json data sent to the php page.How can i do it? I have done it this way but it returns null.

<?php
   echo json_decode('ans_json');
?>

I have a set of 10 questions which need to be answered. 3 questions were answered so got the below result.This is what i got in my console.

 [{"name":"answer_9","value":"a"},{"name":"answer_10","value":"a"}] quizzes.php:14

null

Answer 1

You don’t need to decode any JSON string at server-side if you encode properly your parameters.

You can use .serialize() to do the form serialization for you, and it’s ready to send.

$(function () {
  $('form').submit(function () {
    var serialized = $(this).serialize();

    $.ajax({
      url: "results.php",
      type: "POST",
      data: serialized,
      ...
    });

    return false;
  });
});

Your parameters will be available in your $_POST as in any normal POST request. For example,

$ninth_answer = $_POST["answer_9"];