在点击事件上更改php变量

时间:2012-09-20 08:57:30

标签: php javascript jquery html

如果用户点击按钮,我想更改php变量($ start和$ end,由var b1和var b2调用)。现在我知道php是服务器端,但我该怎么做呢?我读了一些关于使用$ get的内容,但我不知道如何实现它:

<?php if ( is_user_logged_in() ) { ?>
<input type="submit" value="Start Chat" id="start_chat" style="position: absolute; top: 30px; left: 10px;" />
<?php
 } ?> 

 <script>
jQuery('#start_chat').click(function(){
  $(this).data('clicked', true);
});

var b1 = '<?php echo $start; ?>';
var b2 = '<?php echo $end; ?>';


if(jQuery('#start_chat').data('clicked')) {
   // change var b1 and b2
} else {
    // do not change anything
}


</script>

<div id="eu_la">
<?php
$start = strtotime('9:30');
$end = strtotime('12:30');
$timenow = date('U'); 
if((date('w') == 4) && ($timenow >= $start && $timenow <= $end)) { // day 2 = Tuesday
  include('facut_mine.php');
   } 
  else {
do_shortcode('[upzslider usingphp=true]');
  } ?>

3 个答案:

答案 0 :(得分:5)

在此处的当前代码中,添加:

// change var b1 and b2
$.ajax({
    type: "POST",
    url: "chat.php",
    data: { b1: "123", b2: "456" }
});

on chat.php

$start = $_POST['b1'];
$end = $_POST['b2'];

<强>更新

如果您需要在javascript中加载数据:

<{1>} chat.php进行以下更改:

// variables
if (!empty($_POST)) {
    $data['b1'] = $_POST['b1'];
    $data['b2'] = $_POST['b2'];
}

// to not lose them
$_SESSION['chat'] = $data;

// to keep it compatible with your old code
$start = $data['b1'];
$end = $data['b2'];

// send the JSON formatted output
echo json_encode($data);

在您的客户端代码:

// change var b1 and b2
$.ajax({
    type: "POST",
    url: "chat.php",
    dataType: 'json',
    data: { b1: "123", b2: "456" }
}).done(function(data) {
    b1 = data.b1;
    b2 = data.b2;
});

我没有测试过,但希望它有效!

答案 1 :(得分:1)

首先,输入标记必须包含在表单标记中。因此,

<?php if ( is_user_logged_in() ) { ?>
<form method="GET">
<input type="submit" value="Start Chat" id="start_chat" style="position: absolute; top: 30px; left: 10px;" />
<input type="hidden" name="start" value="[WHATEVER YOU WANT GOES HERE]" />
<input type="hidden" name="end" value="[WHATEVER YOU WANT GOES HERE]" />
</form>
<?php
 } ?> 

然后,在PHP代码中

if (isset($_GET['start']))
    $start = $_GET['start'];
if (isset($_GET['end']))
    $start = $_GET['end'];

这会将$ start和$ end变量设置为您通过表单提交的任何值。但是,您的JavaScript代码无法按预期工作

jQuery('#start_chat').click(function(){
     $(this).data('clicked', true);
});


if(jQuery('#start_chat').data('clicked')) {
   // change var b1 and b2
} else {
    // do not change anything
}

第一段代码为#start_chat元素添加了一个事件监听器。然而,问题在于,当未设置数据(“点击”)时,后面的代码被读取并执行(由解释器执行)。所以它永远不会进入 if 分支。

答案 2 :(得分:1)

正如你说的那样,PHP是服务器端。这就是为什么你必须调用Ajax-Send到服务器,将新值推送到php脚本。然后你必须加载通过Javascript(Ajax onready)从PHP提供的答案,并用新加载的页面(部分)替换。

对我而言,改变开始和结束时间似乎非常复杂。只需直接在JS中执行;)