php - 通过ajax从mySql获取变量到jQuery

Question

我正在尝试从 mySql 数据库获取 jQuery 的变量。

这是 php 代码，getTime.php:

include('connect.php');
$sql = "select * from timer";
$query = mysql_query($sql);
while ($row = mysql_fetch_array($query)) {
    $hours = $row['hours'];
    $minutes = $row['minutes'];
    //echo $hour.":".$minutes;
}
    $timeHour = $_POST['hours'];
    echo $timeHours;

这是另一个文件的 ajax POST 请求:

    var timeHour = "";
    $.ajax({
        type: "POST",
        url: "ajax/getTime.php",
        data: timeHour
    });
    $(document).ready(function() {
        alert(timeHour);
    });

但是alertBox没有显示任何内容。这应该很容易，但我还没有找到解释它的例子。

更新

谢谢!但现在我有另一个问题 - 我想使用我的变量“timerHours”和“timerMinutes”...

$.ajax({
                type: "POST",
                url: "getTime.php",
                success: function(data){
                    //alert(data);
                    timerArr = data.split(":")
                    timerHours=timerArr[0];
                    timerMinutes=timerArr[1];
                }
            });

...但它给出了“未定义:未定义” - 当我提醒数据时 - 它工作正常。

var today = new Date();
var endTime= new Date(today.getFullYear(), today.getMonth(), today.getDate(), timerHours, timerMinutes , 00);
console.log(timerHours+":"+timerMinutes);//Console: undefined:undefined
var second = (endTime.getMinutes()-today.getMinutes())*60+(endTime.getSeconds()-today.getSeconds());

如果我把它放在 doTime 函数上并将其打印到 html 中，它也可以正常工作。

function do_time() {
            //console.log(timerHours+":"+timerMinutes);//Console: 21:50
            second--;
            $("#timer").html("Time left: "+second);//Output: Time left: NaN
            $('#setTime').html("Hours: "+timerHours+" Minutes: "+timerMinutes);//Works fine too.
        }

Answer 1

首先，您的 getTime.php 现在可能什么也没有返回。尝试直接从浏览器调用它或检查 firebug 它返回的内容。您的代码看起来几乎是正确的，但您正在用可能不存在的 $_POST['hours']; 覆盖它您的代码应如下所示:

include('connect.php');
$sql = "SELECT * FROM timer";
$query = mysql_query($sql);
while ($row = mysql_fetch_array($query)) {
    $hours = $row['hours'];
    $minutes = $row['minutes'];
}
echo $hours.':'.$minutes;

然后，另一个问题是您似乎没有向 ajax 中的数据传递任何内容，并期望它返回一些内容。 AJAX 数据是您传递到服务器的数据，而返回的是您必须使用的数据，请尝试以下操作:

$(document).ready(function(){
    $.ajax({
        type: "POST",
        url: "ajax/getTime.php",
        function(data){
            alert(data);
        }
    });
});

祝你好运