ajaxデータ内のテキストボックスの値を投稿する

Question

テキストボックスから私のajax投稿データに値を挿入しようとしていますが、テキストボックスのデフォルト値を設定しても値が表示されない場合は機能しません。

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

    <?php 
     function test($data){ 
      return $data; 
     } 

     if (isset($_POST['callFunc1'])) { 
      echo test($_POST['callFunc1']); 

     } 
    ?> 
    <form> 
    <input type="text" id="name" /> 
    <div onclick="myfun()" >Clck Me</div> 
    </form> 


    <script> 
     var names = $("#name").val(); 

     function myfun(){ 
      $.ajax({ 
      url: 'index.php', 
      type: 'post', 
      data: { "callFunc1": names}, 
      success: function(response) { console.log(response); } 
     }); 
     } 
    </script> 

Answer 1

私はあなたがこのようになりmyfun()関数にvar names = $("#name").val();を置くべきだと思う：

function myfun(){ 

    var names = $("#name").val(); 

    $.ajax({ 
     url: 'index.php', 
     type: 'post', 
     data: { "callFunc1": names}, 
     success: function(response) { console.log(response); } 
    }); 
}