ajaxで送信した値を使用して処理を行いたい

Question

pタグをクリック→jsファイルのid変数にpタグのidが格納される→$.postを使用しsend.phpに送信
→require('send.php')でファイルを開きindex.phpで$idを使用し処理を行いたいのですが、送信した際send.phpに送られた値はアラートで表示されるのですが,send.phpをindex.phpで読み込みしてもif(!empty($id))の条件分岐がfalseになってしまい処理が行われません。どうすればよろしいですか？

<?php 
if(!empty($_POST['id'])){
$id = $_POST['id'];
echo $id;
}
 ?>

<script src="send.js"></script>
<?php
require('send.php');
if(!empty($id)){
 $j = $id + 1;
echo $j;
}
 ?>

$(function(){
  //送信確認
  $('.p').on('click',function(){

       var id = $(this).attr('id');

    var postData = {"id":id};


    $.post(
         "send.php",
         postData,
         function(data){
         alert(data); //結果をアラートで表示
     }
    );
  });
});

Comments

[m.ts10806]

回答に移行。

Answer 1

「非同期処理」の意味や役割を理解して利用してください。
このままでは何も理解しないまま極めて雑にコードを組んでいるようにしか見えません。
前の質問の回答に私が「別のリクエスト」と書きましたが、理解せずに解決済みにしてませんか？理解していたらこのようなコードにはなりません。

requireであろうと何だろうと別のリクエストです。
処理順的には

• requireで読み込まれる
• AjaxでPOSTリクエスト

です。

PHPはサーバーサイドの言語です。
サーバーサイドの言語はクライアントへの出力を行っているので先に実行されます。
Ajaxはクライアントからのリクエストが別途行われることになるので当然、requireより後に動きます。
むしろイベント発生が「クリックして」なので、クライアントからの操作待ちです。
※document.readyであってもあくまで描画後の話。

この「リクエストとレスポンス」の考え方、「サーバーサイドとクライアントサイド」の考え方をきちんとおさえないことにはPHPおよびWebプログラミングはできるようになりません。

Answer 2

なぜわざわざ別ファイルを通すのかが謎なのですが、ajax使わなくても、自ファイルにformでpost送信すれば良いだけだと思うのですが。

もしかしてリロードせずに送受信処理を行いたいのでしたら、

$(ボタンのセレクタ).submit(function(e) {
 return e.preventDefault(); 
 return false;
 });

とすればいけると思います。