Javascript jQuery表单提交失败

大家下午好

我有一个简短的问题要问，为什么我的jQuery没有提交我的表单数据

这是我的表格：

 <form id="submitForm" action="" method="">
                <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" name="from" placeholder="Your Email" style="color:#ccc;" />
                <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" name="fullName" placeholder="Your Full Name" style="color:#ccc;"  />
                <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" name="contactNumber" placeholder="Your Contact Number" style="color:#ccc;"  />
                <input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" name="subject" placeholder="Subject" style="color:#ccc;"  />
                <textarea placeholder="Your Message Here..." class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" name="body" style="color:#ccc;" ></textarea>

                <input type="submit" id="search_button" value="Submit!" name="submit" />

            </form>

以下是我的jQuery代码：

 <script type="text/javascript">
        $(document).ready(function(){

            $('#loading, .loading-text').hide();

            $('form#submitForm').submit(function( event ){

                event.preventDefault();

                document.write('Hola!');

                $('#loading').show();
                var formData = $('form#submitForm').serialize();
                $.ajax({
                    url: 'mAjax.php',
                    data: formData,
                    type: "get",
                    success: function( data ){
                        $('#loading, .loading-text').show();

                        if( !data.error ){
                            $('.alertText').html(data).show();
                        } else {
                            $('.alertText').html(data + data).show();
                        }
                        $('#loading, .loading-text').hide();
                    }
                });
                return false;
            });
        });
    </script>

$（文档）.ready（函数（）{
$（'#加载，.加载文本'）.hide（）；
$（'form#submitForm'）。提交（函数（事件）{
event.preventDefault（）；
文件。写（'Hola！'）；
$（“#加载”）.show（）；
var formData=$（'form#submitForm'）.serialize（）；
$.ajax({
url:'mAjax.php'，
数据：formData，
键入：“获取”，
成功：功能（数据）{
$（“#加载，.加载文本”）.show（）；
如果（！data.error）{
$（'.alertText'）.html（data.show（）；
}否则{
$（'.alertText'）.html（数据+数据）.show（）；
}
$（'#加载，.加载文本'）.hide（）；
}
});
返回false；
});
});

我知道这可能是一个模糊的问题，但我已经尝试了一段时间，我想不出还有什么可以尝试的

我遇到的问题是，当我单击提交或只是提交表单时，什么都没有发生，它没有到达文档；位，它肯定不会到达AJAX调用

如果我能帮上什么忙，我将不胜感激

---

提前谢谢

我认为这是因为您没有提供方法和操作。
而不是：

<form id="submitForm" action="" method="">

做：

既然您使用“submitForm”作为表单的“id”，那么就不需要像$（'form#submitForm'）那样编写，只需使用$（'#submitForm'）将您的代码粘贴到JSFIDLE中即可正常工作。它肯定到达了文档。写（'Hola'）消息以jfiddle显示。是否包含jquery脚本？在包含jquery之后是否包含了此文件？我确实包含了jquery脚本。移动jQuery和普通。我把它改成了$（“#submitForm”），这没什么区别，但值得一试。再次感谢您可能还没有到达mAjax.php？检查文件路径。我认为这不是问题所在，因为表单正在被序列化，只要它有一个id，或者您正确地将它指向该表单，那么它就应该可以了。无论如何谢谢你！我认为这是一些事情的混合，但我使用了你的答案以及其他事情。谢谢！

<form id="submitForm" action="[your current file]" method="GET">