2014-12-13 85 views
0

我一直在網上尋找如何讓網頁表單在FancyBox內工作。表單顯示正確,但是當我按下提交時,它會提交併向數據庫添加一行,但一切都是空白的(意思是它沒有真正添加數據)。除此之外,它不會顯示回覆消息是否已在燈箱中發送。我回顧了與此類似的其他問題,並發現使用AJAX提交它。我從來沒有真正使用AJAX之前,所以我不知道什麼是錯的。我也使用了FireBug,並沒有顯示任何數據傳輸。FancyBox表單提交

代碼形式:

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

回答

0

Debugg數據添加 警報(數據);成功

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

是否有任何錯誤?

這是語法錯誤:

</script> 

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

檢查 變種測試= $(本).serializeArray(); 如果測試不爲空,也許錯誤在這裏outsidesupport_processed.php

+0

感謝您的回覆。我做了調整,但是,同樣的事情仍在發生。這是新的AJAX操作。 http://pastebin.com/qSCGgtXi它仍然只是增加了空白,所以也許問題不在於這個代碼,而是使用將信息添加到數據庫中的腳本?我們是否需要在外部support_processed.php上包含AJAX以使其工作?現在該頁面完全是PHP/HTML – user2218739 2014-12-13 16:02:35

+0

錯過了一個問題,不,沒有錯誤顯示。 – user2218739 2014-12-13 16:10:44