JqueryからPHPに値を送信できません

Question

このコードを実行するたびに、「VALUE IS EMPTY」というメッセージが表示されます。変数がJqueryからPHP変数$valueに渡されないことを意味します。 PHPに渡す必要があります。助けて！

（#popupは、テーブルTRがクリックされたときに表示のdivである。）

HTML + PHPコード：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

<div id="popup"> 

    <?php 
     if (isset($_POST['val']) && !empty($_POST['val'])) 
     { 
     $value = $_POST['val']; 
     echo $value; 
     } 
     else{ 
      echo "VALUE IS EMPTY"; 
      //each time I get this msg.. means it won't take the variable value to PHP 
     } 
    ?> 
</div> 

はJQuery/Javascriptのコード：

$(document).ready(function(){ 
    $('#tableview tbody tr').click(function(){ 

    var a=[]; 
    $(this).find('td').each(function(){ 
    a.push($(this).text()); 

    }); 

      $('#popup').show(); 
      $.ajax({ 
       url:'addfile.php', 
       data:{'val': a[1] }, 
       type:'post', 
       success:function(res){ 
       //Is there an error due to this function? or what? 
       } 

      }); 
}); 
}); 

- >テーブルのコードを挿入する必要はありません..これは私の質問を明確にすることを望む

Answer 1

[OK]を、ので、ここで迅速な、基本的なガイドです：

HTMLページ、のは、それはindex.htmlが命名しましょう（PHPスクリプトに異なる！）：

// index.html 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

<div id="popup"></div> 
<script> 
$(document).ready(function(){ 
    $('#tableview tbody tr').click(function(){ 

     var a=[]; 
     $(this).find('td').each(function(){ 
      a.push($(this).text()); 
     }); 

     $('#popup').show(); 
     $.ajax({ 
      url:'addfile.php', 
      // HERE's A CRITICAL CHANGE: 
      // val MUST NOT be in quotes. You're creating a plain object here 
      data:{ val: a[1] }, 
      // you can change that from type to method (default is get) - though type is an alias for method, so both should work. 
      method:'post', 
      success:function(res){ 
       // here you have your data back from php, do with that what ever you need. 
       console.log(res); // will show value of a[1] in console 
       // my guess is, you want to show it in #popup 
       $('#popup').html(res); 
      }, 
      error: function(error, status, errorString) { 
       // allways check for possible errors! 
       console.log(error); 
       console.log(errorString); 
      } 
     }); 
    }); 
}); 
</script> 

PHPスクリプト

<?php 
// adfile.php 
if (isset($_POST['val']) && !empty($_POST['val'])) { 
     $value = $_POST['val']; 
     echo $value; 
} else { 
     echo "VALUE IS EMPTY"; 
} 
// don't add a closing tag.... 

最後に： Ajaxがどのように動作するように提案されていて、manualsを読んでください！