将数组js变量传递给php - Passing arrays js variable to php

Passing arrays js variable to php

本文关键字：php 变量数组 js | 更新日期: 2023-09-27

目前我已将变量存储在Javascript数组中。这里的目标是将它们转换为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.

首先，您应该将ajax调用移动到foreach 之外

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!");
            }
        });

然后在您的php文件中：

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