使用php將數據從mysql傳遞到模式

Question

如何使用php從數據庫傳遞數據。 我正在使用Google標記來顯示我的模式，我使用了“ addListener（'click'，function（event）”來顯示標記。我的問題是將數據從mysql數據庫傳遞到我的模式中。我想顯示所有數據例如我的數據庫，我想顯示ID列（$ row ['id']）。

模態代碼：

<div class='modal'>
            <div class='modal-dialog'>
                <div class='modal-content'>
                    <div class='modal-header'>
                        <h3 class='modal-title'>Branch Details</h3>
                        <span class='modal-close'>
                            <i class='fa fa-close'></i>
                        </span>
                    </div>
                    <div class='modal-subheader'>
                        <a class='modal-subheader-tab subheader-active'>Summary Details</a>
                        <a class='modal-subheader-tab'>Sales Report</a>
                        <a class='modal-subheader-tab'>Detailed Sales Report</a>
                        <a class='modal-subheader-tab'>Gallery</a>
                    </div>
                    <div id='details' class='tab-content'>
                        <div class='details-row'>
                            <p class='left-details'>Branch ID:</p>
                            <span> <?php echo $row['id'];?></span>
                        </div>
                     </div>
                 </div>

標記代碼：

<?php
    require "connect.php";

    $sql = "SELECT * FROM tblLocation";
    $result = mysqli_query($conn,$sql);
    $count = mysqli_num_rows($result);

    echo "<script>
            function initMap() {
                var infowindow = new google.maps.InfoWindow({});
                var uluru = {lat: 13, lng: 122};
                var map = new google.maps.Map(document.getElementById('map'), {
                    zoom: 5.2,
                    center: uluru
                });";

                if ($count > 0){
                    while ($row = mysqli_fetch_array($result)) {
                    echo "
                        var content = '';
                        var marker = new google.maps.Marker({
                        content:content,
                        position:{lat:{$row['latitude']}, lng:{$row['longitude']}},
                        map: map
                });

                marker.addListener('click', function(event) {
                    $('.modal').addClass('show');
                }.bind(marker));";
            }
        }     
echo "}


</script>"
?>

Answer 1

我已經修改了您的代碼，請使用並讓我知道輸出

<?php
    require "connect.php";

    $sql = "SELECT * FROM tblLocation";
    $result = mysqli_query($conn,$sql);
    $count = mysqli_num_rows($result);
?>
<script>
    function initMap() {
        var infowindow = new google.maps.InfoWindow({});
        var uluru = {lat: 13, lng: 122};
        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 5.2,
            center: uluru
        });

<?php if ($count > 0){ ?>
     var marker, i;
     <?php
        while ($row = mysqli_fetch_array($result)) {
     ?>
        var content = '';
        marker = new google.maps.Marker({
            content:content,
            position: new google.maps.LatLng(<?php echo $row['latitude']?>, <?php echo $row['longitude'] ?>),
            map: map
        });
        marker.addListener('click', function(event) {
                    $('.modal').addClass('show');
        }.bind(marker));
    <?php }
    }
    ?>
</script>