0

ユーザーがボタンをクリックした場合、php変数(varb1とvarb2によって呼び出される$startと$end)を変更したいと思います。これで、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]');
  } ?>
4

3 に答える 3

5

ここに現在のコードを追加します。

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

chat.php

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

アップデート:

ここでJavaScriptでデータをロードバックする必要がある場合:

これらの変更を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;
});

私はそれをテストしませんでしたが、うまくいくことを願っています!

于 2012-09-20T09:15:23.747 に答える
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ブランチには決して入りません。

于 2012-09-20T09:14:13.420 に答える
1

あなたが正しく言うように、PHPはサーバーサイドです。これが、Ajax-Sendをサーバーに呼び出して、新しい値をphpスクリプトにプッシュする必要がある理由です。次に、PHPからJavascript(Ajax onready)を介して配信される回答をロードし、ページ(パーツ)を新しくロードされたものに置き換える必要があります。

開始時刻と終了時刻を変更するだけでは、非常に複雑に思えます。JSで直接実行してください;)

于 2012-09-20T09:14:50.467 に答える