Передача массива с Javascript на PHP через POST

Question

Я рассмотрел несколько других предложений по этой проблеме, но по какой-то причине мои данные не публикуются. Вот соответствующий раздел моего кода:

<input type="button" id="map_submit" value="Map Selection" /> 
<?php var_dump($_POST); ?> // display the posted variables 

и

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#map_submit').click(function(){ 

      /* this part is from the slickgrid plugin, in which 
      * selectedData is an array that I want to post to the page 
      * and read via php 
      */ 
      var selectedData = [], selectedIndexes; 
      selectedIndexes = grid.getSelectedRows(); 
      jQuery.each(selectedIndexes, function (index, value) { 
       selectedData.push(grid.getData()[value]); 
      }); 

      $.post("mapper.php", {dataArray: selectedData}); 
     }); 
    }); 
</script> 

Из того, что я видел из других вопросов, $.post должен работать. Но, когда я нажимаю кнопку, ничего не отображается из var_dump. В качестве проверки вменяемости, если я добавлю это в JavaScript:

for (var i = 0; i < selectedData.length; i++) { 
    document.write(selectedData[i].questionID + "<br />"); 
} 

будет печатать questionID значения I, выбранных в сетке (конечно, чтобы вновь пустую страницу).

Answer 1

$.post("mapper.php", {dataArray: selectedData}); 

Эта линия хорошо. Я не знаю, почему все предлагают JSON, потому что здесь нет необходимости. Вы можете просто объекты POST/массивы, не используя JSON.

Примечание: это будет не перезагрузите страницу. Он будет POST до mapper.php через AJAX, поэтому ничего не увидит на странице. Вам нужно будет посмотреть в своих инструментах dev, чтобы узнать, что вызвал вызов AJAX.

Или вы можете проверить данные, которые возвращает POST.

$.post("mapper.php", {dataArray: selectedData}, function(data){ 
    console.log(data); // check your console, you should see some output 
}); 

Answer 2

Прежде чем вы сможете его использовать, вам придется сериализовать объект перед публикацией, а затем десериализовать на сервере (предположительно на PHP).

Пример ниже (требуется json2.js):

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#map_submit').click(function(){ 

      /* this part is from the slickgrid plugin, in which 
      * selectedData is an array that I want to post to the page 
      * and read via php 
      */ 
      var selectedData = [], selectedIndexes; 
      selectedIndexes = grid.getSelectedRows(); 
      jQuery.each(selectedIndexes, function (index, value) { 
       selectedData.push(grid.getData()[value]); 
      }); 

      $.post("mapper.php", JSON.stringify({dataArray: selectedData})); 
     }); 
    }); 
</script> 

<input type="button" id="map_submit" value="Map Selection" /> 
<?php var_dump(json_decode($_POST, true)); ?> // display the posted variables