Javascript 如何使用ajax post请求从输入中放置参数？

这是我的页面：

<script type="text/javascript">
$(document).ready(function() {
    $("#mainbutton").click(function() {
        $.post("controller", {
            action: "mainbutton",
            name: "name"
        },
        function(data, status) {
            alert("Data: " + data + "\nStatus: " + status);
        });
    });
});
</script>


<input id = "name" type="text" placeholder="Name" name="" /><span></span>
<input id="mainbutton" class="mainbutton" type="button" value="Rush my trial"/>

$（文档）.ready（函数（）{
$（“#主按钮”）。单击（函数（）{
$.post（“控制器”{
动作：“主按钮”，
姓名：“姓名”
},
功能（数据、状态）{
警报（“数据：+数据+”\n状态：+状态）；
});
});
});

当我按下按钮时，如何在请求中输入名称值？

使用

var name=$（'#name'）.val（）

获取文件名的值

<script type="text/javascript">
        $(document).ready(function(){
            $("#mainbutton").click(function(){
                var name=$('#name').val();
                $.post("controller",
                        {
                          action: "mainbutton",
                          name: name// pass parameter like this

                        },
                        function(data,status){
                            alert("Data: " + data + "\nStatus: " + status);
                        });
            });
        });
        </script>

$（文档）.ready（函数（）{
$（“#主按钮”）。单击（函数（）{
var name=$（'#name'）.val（）；
$.post（“控制器”，
{
动作：“主按钮”，
name:name//像这样传递参数
},
功能（数据、状态）{
警报（“数据：+数据+”\n状态：+状态）；
});
});
});

            var name = $('#name').val();
            $.post("controller",
                    {
                      action: "mainbutton",
                      type: "POST",
                      data: { 'name': name },
                    },
                    function(data,status){
                        alert("Data: " + data + "\nStatus: " + status);
                    });
           });