在 javascript 变量中获取 php mysql 结果

Question

我有这个运行良好的代码。但我想用mysql。

这是有效的代码：

<?php if (date('w') == 2) { { ?>
<script> $(function() {
var times = [
// mysql import start
{'id': '1', 'name': 'Mardi 5H55', 'end': new Date('2017-01-31 05:55:00'),},
{'id': '2', 'name': 'Mardi 8H40', 'end': new Date('2017-01-31 08:40:00'),},
{'id': '3', 'name': 'Mardi 11H30', 'end': new Date('2017-01-31 11:30:00'),},
{'id': '4', 'name': 'Mardi 14H05', 'end': new Date('2017-01-31 14:05:00'),}
// mysql import end
];
        // Initialize the table values
        $.each(times, function( key, value ) {
            $('#mau-mpl').append('<tr><td>'+value.name+'</td><td>Hérault Transports (Ruban Bleu)</td><td>Montpellier</td><td><span id="player-'+value.id+'-expiration" class="label label-primary">Chargement encours...</span></td></tr>');
        });
        function countdown()
        {
            var now = new Date();
            console.log('updating time');

            $.each(times, function( key, value ) {
                var left = value.end - now;
                var days = Math.floor( left / (1000 * 60 * 60 * 24) );
                var hours = Math.floor( (left % (1000 * 60 * 60 * 24) ) / (1000 * 60 * 60) );
                var minutes = Math.floor( (left % (1000 * 60 * 60)) / (1000 * 60) );
                var seconds = Math.floor( (left % (1000 * 60)) / 1000 );

                displayTime = '';
                if (days > 0) {
                    displayTime = + days + " jr   ";
                }
if (minutes > 0) {
                displayTime = displayTime + hours + " H   " + minutes + " Mn   "  + seconds + " Sec   ";
} 
                echo = "Deja parti"; 


                $('#player-'+value.id+'-expiration').text(displayTime)
            });
        }
        timer = setInterval(countdown, 1000);        
    });</script><?php } } ?>

如您所见，我想要放置的数据位于 mysql import start 之后。 我制作了一个从 mysql 获取数据的 php 文件，结果如下：

• {'id': '1', 'name': 'Mardi 5H', 'end': new Date('2017-01-31 05:00:00'),},
• {'id': '2', 'name': 'Mardi 6H', 'end': new Date('2017-01-31 06:00:00'),},
• {'id': '3', 'name': 'Mardi 7H', 'end': new Date('2017-01-31 07:00:00'),},

php文件是：

<?php
$servername = "localhost";
$username = "root";
$password = "root";
$dbname = "horaires";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); }
$sql = "SELECT id, jourheure, name, depart, arrivee FROM 2_mardi";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
// {'id': '1', 'name': '5H', 'end': new Date('2017-01-31, 05:55:00'),},";
echo "{'id': '" . $row["id"]. "', 'name': '" . $row['name'] ."', 'end': new Date('" . $row["jourheure"]. "" . $row["depart"]. "'),},<br>"; }
} $conn->close();
?>  

+---+----------+---------------------+
| 1 | Mardi 5H | 2017-01-31 05:00:00 |
+---+----------+---------------------+
| 2 | Mardi 6H | 2017-01-31 06:00:00 |
+---+----------+---------------------+
| 3 | Mardi 7H | 2017-01-31 07:00:00 |
+---+----------+---------------------+

如何将结果放入“mysql import start”和“mysql import end”之间的javascript变量中？

Answer 1

你可以这样做：

var js = <?php echo "{'id': '" . $row["id"]. "', 'name': '" . $row['name'] ."', 'end': new Date('" . $row["jourheure"]. "" . $row["depart"]. "')}"; ?>

但是警告，我最后删除了你对象上的坏字符：

echo "{'id': '" . $row["id"]. "', 'name': '" . $row['name'] ."', 'end': new Date('" . $row["jourheure"]. "" . $row["depart"]. "'),},<br>"; }
---------------------------------------------------------------------------------------------------------------------------------^-^^^^^

Answer 2

你可以用很多不同的方式设置var，ajax，在php代码中嵌入javascript代码......

当您想要获取 PHP 对象或 var 到 javascript 时，您需要在 php 代码中将对象序列化为 JSON，然后您需要设置 JSON 字符串并将此字符串转换为有效的 javascript 对象。

JSON 就是这样的字符串

"{'propertyname':'stringvalue','property2':true,'property3':null,'property':[...]}" 

如果现在您可以在 javascript 代码块上解析 JSON

index.php

<?php 
   $result = getData() // your data like you want =>[ multiple objects ]
   $resultJSON =  json_encode($result); // "[{..},{...}]"
?>
<script>
    var jsondata = parse.JSON('<?php echo $resultJSON ?>') ; 
</script>

但我认为最好从 php 代码中分割 html/javascript 代码，例如从 ajax 获取 vars。

Answer 3

您可以使用 AJAX 调用 PHP 脚本将数据存储到 Javascript 变量中。

在以下文件中，演示了使用 JQuery 的 AJAX 调用将数据存储到 Javascript 中

<?php if (date('w') == 2) { { ?>
<script>
        $(function() {
            var times = $.ajax({
                url: 'api.php', //the script to call to get data          
                data: "", //you can insert url argumnets here to pass to api.php
                //for example "id=5&parent=6"
                dataType: 'json', //data format      
                success: function(data) //on recieve of reply
                {
                    return data;
                }
            });
            $.each(times, function(key, value) {
                $('#mau-mpl').append('<tr><td>' + value.name + '</td><td>Hérault Transports (Ruban Bleu)</td><td>Montpellier</td><td><span id="player-' + value.id + '-expiration" class="label label-primary">Chargement encours...</span></td></tr>');
            });

            function countdown() {
                var now = new Date();
                console.log('updating time');
                $.each(times, function(key, value) {
                    var left = value.end - now;
                    var days = Math.floor(left / (1000 * 60 * 60 * 24));
                    var hours = Math.floor((left % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                    var minutes = Math.floor((left % (1000 * 60 * 60)) / (1000 * 60));
                    var seconds = Math.floor((left % (1000 * 60)) / 1000);
                    displayTime = '';
                    if (days > 0) {
                        displayTime = +days + " jr   ";
                    }
                    if (minutes > 0) {
                        displayTime = displayTime + hours + " H   " + minutes + " Mn   " + seconds + " Sec   ";
                    }
                    echo = "Deja parti";
                    $('#player-' + value.id + '-expiration').text(displayTime)
                });
            }
            timer = setInterval(countdown, 1000);
        });
    });</script><?php } } ?>

以下是从数据库中获取数据的代码。
我们称这个文件为 api。

<?php
$servername = "localhost";
$username   = "root";
$password   = "root";
$dbname     = "horaires";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}
$sql    = "SELECT id, jourheure, name, depart, arrivee FROM 2_mardi";
$result = $conn->query($sql);
if ($result->num_rows > 0) {

    //storing result into an array
    $array = mysql_fetch_row($result);
}
$conn->close();

//encoding the array into JSON
echo json_encode($array);
?>