HTML脚本和javascript

我试图显示数据库中不可用的座位

<?php 
$query = "SELECT * FROM booking;";
$result = mysqli_query ($connection,$query) or die ("<div class='alert alert-danger' role='alert'>You couldn't execute booking query</div>");

//Fetch all rows for each booking
while ($row = mysqli_fetch_array ($result, MYSQLI_ASSOC)) {
extract ($row);
echo "
    <script type='text/javascript'>
        sc.get(['".$BOOKING_SEAT."']).status('unavailable');
    </script>";
echo "\n";
}
?>

---

您应该初始化您的
座椅，例如：

var sc = $('#seat-map').seatCharts({
    map: [
        'aaaaaaaaaaaa',
        'aaaaaaaaaaaa',
        'bbbbbbbbbb__',
        'bbbbbbbbbb__',
        'bbbbbbbbbbbb',
        'cccccccccccc'
    ],
    seats: {
        a: {
            price   : 99.99,
            classes : 'front-seat' //your custom CSS class
        }

    },
    click: function () {
        if (this.status() == 'available') {
            //do some stuff, i.e. add to the cart
            return 'selected';
        } else if (this.status() == 'selected') {
            //seat has been vacated
            return 'available';
        } else if (this.status() == 'unavailable') {
            //seat has been already booked
            return 'unavailable';
        } else {
            return this.style();
        }
    }
});

并尝试添加
ready
函数，因为加载后将声明
sc
变量，否则加载DOM时将触发
sc.get
：

echo "<script type='text/javascript'> $(document).ready(function(){";
while ($row = mysqli_fetch_array ($result, MYSQLI_ASSOC)) {
    extract ($row);
    echo "sc.get(['".$BOOKING_SEAT."']).status('unavailable'); \n";
}
echo "});"

echo“$（文档）.ready（函数（）{”；
而（$row=mysqli\u fetch\u数组（$result，mysqli\u ASSOC））{
摘录（行）；
echo“sc.get（['.$BOOKING_SEAT.']）.status（'unavailable'）；\n”；
}
回声“}”）

选中

希望这能有所帮助。
问题在于“sc”不是全局的，我们必须将其置于功能之外
这是我在“booking.js”上看到的，看看我的更新，如您所见，有一行是关于我试图在新脚本中修改的不可用座位的注释感谢@ZakariaAcharki，因为现在代码更好了，但仍然不起作用，“Uncaught ReferenceError:sc未定义”当您在基于PHP和Javascript的客户机-服务器通信方面变得更有经验时，需要注意一点：使用PHP检索数据（最好是以或格式），而不是直接使用PHP编写Javascript。混合编程语言不会带来任何好处。嗯，也许是在进化算法领域，但肯定不是在手动创建的代码中。我还不知道AJAX，呵呵
var sc = $('#seat-map').seatCharts({
    map: [
        'aaaaaaaaaaaa',
        'aaaaaaaaaaaa',
        'bbbbbbbbbb__',
        'bbbbbbbbbb__',
        'bbbbbbbbbbbb',
        'cccccccccccc'
    ],
    seats: {
        a: {
            price   : 99.99,
            classes : 'front-seat' //your custom CSS class
        }

    },
    click: function () {
        if (this.status() == 'available') {
            //do some stuff, i.e. add to the cart
            return 'selected';
        } else if (this.status() == 'selected') {
            //seat has been vacated
            return 'available';
        } else if (this.status() == 'unavailable') {
            //seat has been already booked
            return 'unavailable';
        } else {
            return this.style();
        }
    }
});

echo "<script type='text/javascript'> $(document).ready(function(){";
while ($row = mysqli_fetch_array ($result, MYSQLI_ASSOC)) {
    extract ($row);
    echo "sc.get(['".$BOOKING_SEAT."']).status('unavailable'); \n";
}
echo "});"