jQueryを使ってphpの変数を操作したい！

Question

PHP

$quiz = array("りんご","ばなな","いちご","みかん");

HTML

<p>
 <?php $quiz[$i];?>
</p>

jQuery

 $(function(){
      'use strict';
      
      $('#next').on('click', function(){
        <?php $i++;?>
      });

    });
    </script>

上記のようにjQueryでボタンをクリックしたときにphpの変数を一つ増やし、配列に格納してある問題分を切り替えたいのですがうまくいきません。
何かいい方法はないでしょうか？

また、時間を計るゲームなのでAjaxのように毎回サーバーにアクセスするのは、インターネット環境に依存するので避けたいです。

Answer 1

php はサーバサイドで動作し、JavaScript は(今回の場合)クライアントサイドで動作しています。

そのため

上記のようにjQueryでボタンをクリックしたときにphpの変数を一つ増やし、配列に格納してある問題分を切り替えたいのですがうまくいきません。

といった動作をサーバに接続しない状態で実現することはできません。

Comments

[CopanSassa]

そうなんですね！
もう少しphpついて詳しくならないといけませんね
ありがとうございました

Answer 2

PHP および jQuery は次のように動作します。

1. ブラウザが URL にアクセスする
2. サーバーは URL に従い PHP を起動する
3. PHP がページを作成する
4. サーバーは作成されたページをブラウザに送信する
5. ブラウザはページを表示し、JavaScript を起動する
6. JavaScript は jQuery を読み込み、起動する

つまり、PHP を動かそうと思えば、PHP の動く URL にアクセスしなければいけません。そうすることによってサーバーが PHP を動かし、ページを作成して返します。jQuery が PHP に何かデータを渡すためには、URL にクエリを追加するか、またはクエリをポストするしかありません。

たとえば最初の問題を表示する URL が https://exapmle.com/ だったとします。その場合、jQuery を使って https://example.com/?q=1 に遷移することにより、PHP に q=1 というクエリを渡すことができます。
PHP 側ではこのクエリを受け取り、問題文を生成します。

あなたが調べるべきは以下の事項です。

• 「GET POST 違い」
• 「jQuery ページ遷移」
• 「PHP クエリ解析」
• 「PHP データベース 取得」

これらを調べることにより、大まかにやりたいことを実装する方法が見えてくるでしょう。しかし、それらを組み合わせるには更なる知識が必要になるかもしれません。

jQuery に関して不明なことを調べるには jQuery を、JavaScript に関して不明なことを調べるには MDN Web Doc を使ってください。また PHP に関して不明なことを調べるには PHP マニュアル を使ってください。

また、検索中にみつかった情報が「侍エンジニア塾」または「TECHACADEMY」だった場合、それは無視してください。Qiita や teratail だった場合、「いいね」や「高評価」が多くついていることを確かめ、そのうえでコメントを読んで信憑性を確認してください。

Comments

[Zuishin]

あと、時間を計るのは PHP を使わなくても JavaScript ですればいいと思います。

[CopanSassa]

なんて詳しすぎる解説なんですか！！
ありがとうございます！！

とても参考になります

「侍エンジニア塾」や「TECHACADEMY」は無視した方がいいのですね！
よかったらなぜ無視すべきなのかも教えてもらえないでしょうか？

[Zuishin]

記事を書く人を格安で集めて何のチェックも無く垂れ流しています。コメント欄も無いので、間違っていても放置されており、信頼できません。

参考
https://qiita.com/hamichamp/items/7b7a7ee091a6856ac900

Answer 3

時間を計るゲームなのでAjaxのように毎回サーバーにアクセスするのは、インターネット環境に依存するので避けたいです。

使うブラウザ、ネット環境を厳密に縛ることは開発者によってできるわけではないのでこの考え方は矛盾しています。
Webを通す時点でサーバー利用するわけですし。
「何かしらでPHPの情報を更新したい」時点で、更新したいタイミングでのサーバーへのリクエストは避けられません。

Comments

[CopanSassa]

おっしゃる通りです！
mts10806さんには、いつも回答してもらって本当に助かっています
またよろしくお願いします