変数はコンソールログに表示されません

Question

誰でも助けてくれますか？私はjqueryとajaxの初心者です。コンソールログに値を表示していますが、何も表示されません。何が問題なのでしょうか？

script.php

<script src="/icac/ar/js/jquery-1.12.4.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#see").click(function() { 

     val = $(this).val(); 
     $.ajax({ 
    type: "POST", 
    url: "test.php", 
    data: 'var='+ val, 
    success: function(data) { 
     console.log(val); 
     $("#c").html(data); 
    } 
     });  
      });  

}); 
</script> 
<div class="test"> 
    <p>aaaaaaaaaaaaaaaaaaaaa</p> 
    <a href="javascript:void(0);" id="see" value="1">see</a> 
</div> 
<div class="test"> 
    <p>bbbbbbbbbbbbbbbbbbbbb</p> 
    <a href="javascript:void(0);" id="see" value="2">see</a> 
</div> 
<div class="test"> 
    <p>cccccccccccccccccccccc</p> 
    <a href="javascript:void(0);" id="see" value="3">see</a> 
</div> 
<div class="test"> 
    <p>ddddddddddddddddddd</p> 
    <a href="javascript:void(0);" id="see" value="4">see</a> 
</div> 
<div id="c"></div> 

test.phpを

<span class="ss"><?php 
    if (isset($_POST["var"])){ 
    echo $_POST["var"]; }?> 

</span> 

Answer 1

あなたは別のHTML要素に同じIDを割り当てるshould't。 id = "see"からclass = "see"（クラスに変更する場合は、セレクタを'see 'に変更してください）

Answer 2

1- An idは一意でなければならず、hrefではvalue属性を使用できません。あなたはvalue属性を使用することはできません<a>

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script> 
    $(document).ready(function() { 
     $("#see").click(function (event) { 
      event.preventDefault(); 
      var val = $(this).text(); 
      console.log(val); 
        $.ajax({ 
    type: "POST", 
    url: "test.php", 
    data: 'var='+ val, 
    success: function(data) { 
     console.log(val); 
     $("#c").html(data); 
    } 
     }); 

     }); 

    }); 
</script> 
<div class="test"> 
    <p>aaaaaaaaaaaaaaaaaaaaa</p> 
    <a href="javascript:void(0);" id="see">see</a> 
</div> 

Answer 3

HTML要素のアンカー、代わりにあなたは一方の使用ユニークなIDに、データ-value属性を使用することができるだけでなく

var val = $(this).attr('data-value'); 
console.log(val)