Gib*_*bbs 7 html javascript php ajax jquery
我正在尝试实现一个计时器.我从SO帖子中学到了这个想法.
<?php
if(($_SERVER['REQUEST_METHOD'] === 'POST') && !empty($_POST['username']))
{
//secondsDiff is declared here
$remainingDay = floor($secondsDiff/60/60/24);
}
?>
Run Code Online (Sandbox Code Playgroud)
这是我的PHP代码.我的php,html和JS代码在同一页面中.我的html中有一个按钮.当用户点击html页面时,它将调用Ajax函数
//url:"onlinetest.php",
//dataType: 'json',
beforeSend: function()
{
$(".startMyTest").off('click');
setCountDown();
}
Run Code Online (Sandbox Code Playgroud)
它将调用setCountDown()方法,该方法在一开始就包含一行
var days = <?php echo $remainingDay; ?>;
Run Code Online (Sandbox Code Playgroud)
当我运行页面时,它会"expected expression, got '<'"在上面的行中显示[甚至在点击按钮之前] .我怀疑是
为什么这个php变量在我触发按钮之前被替换.请让我知道锄头来解决这个问题或如何改变我的想法.
问题是,由于初始加载,$_POST未填充值(第一次加载时为空),
您设置的变量未定义,只需确保初始化该变量.
<?php
// initialize
$remainingDay = 1;
if(($_SERVER['REQUEST_METHOD'] === 'POST') && !empty($_POST['username']))
{
//secondsDiff is declared here
$remainingDay = floor($secondsDiff/60/60/24);
echo json_encode(array('remaining_day' => $remainingDay);
exit;
}
?>
<script>
var days = <?php echo $remainingDay; ?>;
$('.your_button').on('click', function(){
$.ajax({
url: 'something.php',
dataType: 'JSON',
type: 'POST',
beforeSend: function() {
// whatever processes you need
},
success: function(response) {
alert(response.remaining_day);
}
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
这只是基本的想法,我刚刚添加了该特定示例的其他代码,只需添加/更改您需要的其余逻辑.