HTML入力変数がAJAXを使用してPHPファイルに渡さない

Question

私は自分の名前を入力する必要があり、次に送信ボタンをクリックすると、PHPが収集した内容に基づいてその詳細が下に表示されます。これはすべて同じページで行う必要がありますが、これを行うにはAjaxを使用しましたが、テキストボックスの入力はPHPページにまったく渡されません。誰かが私は本当にこの1つの

HTML側の答えを使い果たしてきたように、私は間違って行くよどこに助言することができます：

<form action="summonerSearch.php" method="post"> 
     <input type="text" name="summNameEntered"> 
</form> 




<button type="button">Click Me</button> 
<p></p> 
<script type="text/javascript"> 
    var sname = $("#summNameEntered").val(); 
    $(document).ready(function(){ 
     $("button").click(function(){ 
      $.ajax({ 
       type: 'POST', 
       url: 'summonerSearch.php', 
       data: { // this is new 
       summNameEntered: $("input[name='summNameEntered']").value 
       }, 
       success: function(data) { 
        $("p").html(data); 
       } 

      }); 
    }); 
}); 
</script> 

PHP側：あなたが与える必要が

echo('their name is'.$_POST["summNameEntered"]); 

Answer 1

<form action="summonerSearch.php" method="post"> 
     <input type="text" id="summNameEntered" name="summNameEntered"> 
</form> 

それとも次のことができます。入力フィールドIDとsummNameEnteredあなたはAJAX呼び出しでrequesingているものです単にvar sname = $(".summNameEntered").val();

そしてsummNameEntered: $("input[name='summNameEntered']").valueへvar sname = $("#summNameEntered").val();を変更するには、コンソールに見ている何summNameEntered: $("input[name='summNameEntered']").val()