如何用控制台获取某些文本字段的输入值？

我正在尝试获取某些文本字段的输入值，但是当调用控制台日志数据(我认为是在Ajax中定义的)时，它只返回整个html页面。

<script>
    /*<![CDATA[*/
    $(document).ready(function() {

        var submit = document.getElementById("submit");
        var firstName = $("#firstName").val();
        var LastName = $("#LastName").val();
        var Phone = $("#Phone").val();
        var Party = $("#Party").val();
        var dateof = $("#dateof").val();
        var Timeof = $("#Timeof").val();

    submit.onclick = function(){
        $.ajax({
            type: "GET",
            url: "reserve.html",
            data: firstName, LastName, Phone, Party, dateof, Timeof,
            cache: true,
            success: function(data){
                console.log(data);
            }
        });}})
;



    /*]]>*/
</script>

我有点懵，到底该如何发布结果来表示控制台日志(还没有设置服务器)？还是使用Ajax类型的POST吗？这和GET有什么区别？谢谢！