Vfrdtyky

I was trying to build a program and got a problem of storing data into an array after each click of a button. After each click, I am sending some data through ajax to a php page and i want to store all sent data in an array and display them in an tabular format later.

I have checked in the console by inspect element and the problem arising is its always overwrites the old value in an array to a new value. I dont find where i am wrong. if someone please help me will be of great help.

$(document).ready(function() {

  $("#feed_btn").hide();

  $("#finish_btn").hide();



  $("#start_btn").click(function() {

    $("#start_btn").hide();

    $("#feed_btn").show();

  });

});



var i = 0;



function PerformGame() {

  i++;

  $.ajax({

    url: 'perform_game.php',

    type: "POST",

    data: {

      'button_clicked': i

    },

    dataType: 'json',

    success: function(data) {

      alert(data);

    }

  });

}

.game-body {

  background-color: AED264;

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>



<form name="farm_game" method="POST">

  <button type="button" name="start_btn" id="start_btn">Start Game !</button>

  <button type="button" name="feed_btn" id="feed_btn" onclick="PerformGame();">Let's Feed Now</button>

  <button type="button" name="finish_btn" id="finish_btn">Finish Game !</button>

</form>

<?php

  $no_of_times_button_clicked = $_POST['button_clicked'];

  $animal_person_array = array(Farmer,Cow1,Cow2,Bunny1,Bunny2,Bunny3,Bunny4);

  $a = $animal_person_array[array_rand($animal_person_array,1)];



  $final_result_array = array($no_of_times_button_clicked => $a);



  echo json_encode($final_result_array);

?>

This does not work, because each time you make the AJAX call you start a new instance of the PHP script, that does not know about the other calls.

You have a couple of options:

• Store the previous array entries in a server session


• Store the previous array entries in a DB


• Collect all data about buttons on client side (in Java Script) and send the whole array to your PHP script

For your case I would recommend a server session.

Here is an example code (untested) with rudimentary session handling:

<?php

  session_start();



  if ($_POST['start_game'] !== null)

  {

      $_SESSION['final_result_array'] = ;

      die();

  }



  $final_result_array = isset($_SESSION['final_result_array'])

      ? $_SESSION['final_result_array']

      : ;



  $no_of_times_button_clicked = $_POST['button_clicked'];

  $animal_person_array = array("Farmer","Cow1","Cow2","Bunny1","Bunny2","Bunny3","Bunny4");

  $a = $animal_person_array[array_rand($animal_person_array,1)];



  $final_result_array = array($no_of_times_button_clicked => $a);



  echo json_encode($final_result_array);



  $_SESSION['final_result_array'] = $final_result_array;

?>

Important: You need to re-initialize your array at every start of a game or it will keep adding to it. For that just call the script with the parameter start_game = true when clicking on the start_game button.