ajax数据中的post文本框值

尝试从文本框在我的ajax post数据中插入值，但不起作用。如果设置了文本框的默认值，则它会显示值，但我需要处理用户输入值

<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>

叫我
变量名称=$（“#名称”）.val（）；
函数myfun（）{
$.ajax({
url:'index.php'，
键入：“post”，
数据：{“callFunc1”：名称}，
成功：函数（响应）{console.log（响应）；}
});
}

我想你应该把

var name=$（“#name”）.val（）放在进入
myfun（）
函数，如下所示：

function myfun(){

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

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

我认为应该将
var name=$（“#name”）.val（）放在进入
myfun（）
函数，如下所示：

function myfun(){

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

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

在我看来这是对的。您是否尝试过纯JavaScript解决方案：document.getElementById（'name'）。valueyes也尝试过，但没有成功：/I我认为您应该将var name=$（“#name”）.val（）放在；进入myfun（）函数，类似于此函数myfun（）{var names=$（“#name”）.val（）；$.ajax（{url:'index.php'，键入：'post'，数据：{“callFunc1”：names}，成功：函数（响应）{console.log（响应）；}）；是的，非常感谢：）我觉得它很合适。您尝试过纯JavaScript解决方案吗：document.getElementById（'name'）。valueyes也尝试过，但没有成功：/我认为您应该将var names=$（“#name”）.val（）；放入myfun（）函数中，使其类似于此函数myfun（）{var names=$（“#name”）.val（）；$.ajax({url:'index.php'，键入：'post'，数据：{“callFunc1”：names}，成功：函数（响应）{console.log（响应）；}}；是的，谢谢：）