JS変数をAJAXでPHPに送信する（それを使用する）

Question

現在、wordpressのプラグインを作成しています。これは、js変数をデータとして送信するためのajaxです。私は、PHPプラグインのテンプレートファイルで、その変数をデータから使用できるようにしたいと考えています。

ここで、より詳細な説明があります。 iは

  <?php 
      foreach ($attributes as $term) :?> 
       <a class="testclick" href="#" rel="<?php echo $term->term_taxonomy_id?>"><?php echo $term->name;?></a> 
       <?php 
      endforeach; 
      ?> 

      <script type="text/javascript"> 
      var ajaxurl = "<?php echo admin_url('admin-ajax.php'); ?>"; 
      var clickedID = ""; 
      $('.testclick').click(function(){ 
       clickedID = $(this).attr('rel'); 
       console.log(clickedID); 
        $.ajax({ 
         type: "GET", 
         url: ajaxurl, 
         data: ({clickedID: clickedID}), 
         success: function(response) { 
         console.log(response); 
         } 
        }); 
       }); 
      </script> 

だからここに私のPHPで私はいくつかのHTMLタグ <a>にintとしてIDを渡すshowgroups.phpと呼ばれるこのファイルを持っている、と私は、リンクのREL =「」として配置します。

私のクリック機能では、relを取って変数> clickedIDに入れて、次にAJAXリクエストを送信します。ここで、変数 - > clickedIDをデータプロパティに渡します。今私は、このデータ/ AJAX呼び出しを渡すためにしようと は私の成功の機能では、私は<a>の応答をCONSOLE.LOG、これは私に（私の<a>年代の当該relsから）正しいIDを as seen here

を与えています私の次のPHPファイル：

  <?php 
      $lol = $_GET['clickedID']; 
      echo '123' . $lol; 

しかし、$ lol変数はNULLです。 は、誰も私がアクセスするように見えることができない理由にどんな考えを持っている、AJAX呼び出し

Answer 1

からのデータは、私がdata-rel HTML5データプロパティにRELを変更した（Reference）

更新されたコードは以下の通りですありません。あなたがshに

<?php foreach ($attributes as $term): ?> 
     <a class="testclick" href="#" data-rel="<?php echo $term->term_taxonomy_id?>"><?php echo $term->name;?></a> 
<?php endforeach; ?> 

     <script type="text/javascript"> 
      var ajaxurl = "<?php echo admin_url('admin-ajax.php'); ?>"; 
      var clickedID = ""; 
      $('.testclick').click(function(){ 
       clickedID = $(this).data('rel'); // change over here 
       console.log(clickedID); 
       var dataString = {clickedID: clickedID}; //change over here 
        $.ajax({ 
         type: "POST", // change over here 
         url: ajaxurl, 
         data: dataString , // change over here 
         success: function(response) { 
         console.log(response); 
         } 
        }); 
       }); 
     </script> 

Answer 2

<?php 
 
      foreach ($attributes as $term) :?> 
 
       <a class="testclick" href="#" rel="<?php echo $term->term_taxonomy_id?>"><?php echo $term->name;?></a> 
 
       <?php 
 
      endforeach; 
 
      ?> 
 

 
      <script type="text/javascript"> 
 
      var ajaxurl = "<?php echo admin_url('admin-ajax.php'); ?>"; 
 
      var clickedID = ""; 
 
      $('.testclick').click(function(){ 
 
      var clickedID = $(this).attr('rel'); 
 
       console.log(clickedID); 
 
        $.ajax({ 
 
         type: "GET", 
 
         url: ajaxurl, 
 
         data: ({clickedID: clickedID}), 
 
         success: function(response) { 
 
         console.log(response); 
 
         } 
 
        }); 
 
       }); 
 
      </script>

あなたがget ajaxリクエストを渡す場合は、変数のように定義するould。