傳遞數組JS變量到PHP在Javascript數組

Question

目前我已存儲的變量。這裏的目標是將它們變成PHP變量，以便我可以使用這些變量並將它們插入到我的數據庫中。

這段代碼的問題是，AJAX的部分不工作。請讓我朝着正確的方向前進，因爲我對AJAX非常陌生。我確實嘗試瞭解他們，但仍然不太瞭解。沒有必要刷新頁面而無需刷新頁面。歡迎使用AJAX以外的方法。

這裏是我當前的代碼：

<button onclick="Bookings()">Book</button> 
<script> 
    function Bookings() { 
     var t2Cells = document.getElementsByClassName("t2"); 
     for (var i = 0; i < t2Cells.length; i++) { 
      var t2CellsIndex [i] = t2Cells[i].cellIndex 
      var t2CellsRow [i] = t2Cells[i].parentNode.rowIndex 
      //alert('Coordinates are: '+t2Cells [i].cellIndex+'x'+t2Cells [i].parentNode.rowIndex); 
      var tbl = document.getElementById("tblMain"); 
      //alert (tbl.rows[0].cells[t2CellsIndex].innerHTML); 
      var studioSelected = tbl.rows[0].cells[t2CellsIndex].innerHTML 
      var Timeselected = tbl.rows[t2CellsRow].cells[0].innerHTML 

      $.ajax({ 
       type: "POST", 
       url: 'bookingconfirm.php', 
       data: "studioSelected=" + studioSelect, 
       success: function(data) { 
        alert("success!"); 
       } 
      }); 
     } 
    } 
</script> 

<?php 
    //bookingconfirmed.php 
    if (isset($_POST['studioSelect'])) { 
     $uid = $_POST['studioSelect']; 
     //steps to insert into database. 

Answer 1

首先，你應該起的foreach外面你的PHP文件移到Ajax調用

var usefulData = []; 
var t2Cells = document.getElementsByClassName("t2"); 
for (var i = 0; i < t2Cells.length; i++) { 
    var t2CellsIndex [i] = t2Cells[i].cellIndex 
    var t2CellsRow [i] = t2Cells[i].parentNode.rowIndex 
    //alert('Coordinates are: '+t2Cells [i].cellIndex+'x'+t2Cells [i].parentNode.rowIndex); 
    var tbl = document.getElementById("tblMain"); 
    //alert (tbl.rows[0].cells[t2CellsIndex].innerHTML); 
    var studioSelected = tbl.rows[0].cells[t2CellsIndex].innerHTML 

    // add data to array 
    usefulData.push(studioSelected); 

    var Timeselected = tbl.rows[t2CellsRow].cells[0].innerHTML 
} 

     $.ajax({ 
      type: "POST", 
      url: 'bookingconfirm.php', 
      data: {'usefuldata': usefulData}, 
      success: function(data) { 
       alert("success!"); 
      } 
     }); 

然後：

if (isset($_POST['usefuldata'])) { 
    var_dump($_POST['usefuldata']); 
}