javascript - 如何使用ajax post请求从输入中获取参数？

Question

这是我的页面:

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

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

Answer 1

使用 var name=$('#name').val(); 获取 name filed 的值

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