Question

我一直在网上搜索如何在FancyBox中使用Web表单。表单正确显示，但是当我按下提交时，它会向数据库提交并添加一行，但所有内容都是空白的（这意味着它并没有真正添加数据）。除此之外，它没有显示响应，说明消息是否已在灯箱中发送。我回顾了与此类似的其他问题，发现AJAX用于提交它。我以前从未真正使用过AJAX，所以我不确定是什么问题。我也使用过FireBug，它没有显示任何数据传输。

表格代码：

<div style="display: none">
<div id="contact">
This form will allow you to contact our staff support team. This can be used to request ban     reversals, login problems, etc. Just note, all responses will be sent via e-mail.<br />Be sure you  leave us a valid e-mail and to be sure you check this email often and to check your spam folders if you do not receive a response.<br /><br /><center>
<form action="" method="post" id="contactus">
Your Name:  <input type="text" STYLE="color: black;  background-color: white;" name="name" value="" /><br />
Your Email: <input type="text" STYLE="color: black;  background-color: white;" name="email" value="" /><br /><br />
Your Message: <br /><br /><textarea rows="10" cols="70" STYLE="color: black;  background-color: white;" name="textarea" value=""></textarea><br /><br />
<input type="submit" STYLE="color: black;  background-color: white;" value="Submit Message" />    </form><br /></center>
</div>
</div>

这是AJAX函数

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

$("#contact").bind("submit", function() {

    $.fancybox.showActivity();

    $.ajax({
        type        : "POST",
        cache       : false,
        url         : "outsidesupport_processed.php",
        data        : $(this).serializeArray(),
        success     :function(data){
                        $.fancybox(data);
                     }
    });

    return false;
});

});     
</script>

Answer 1

调试数据添加警报（数据）;成功

success :function(data){
                           $.fancybox(data);
                           alert(data);
                     }

有任何错误吗？

这是语法错误：

</script>

$("#contact").bind("submit", function() {

检查 var test = $（this）.serializeArray（）; 如果test不为null，那么可能是错误在于outsidesupport_processed.php

FancyBox表单提交

1 个答案: