FancyBox 양식 제출

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

는

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

출처

2014-12-13 user2218739

Debugg 데이터 경보 (데이터)를 추가 AJAX 함수이다; 성공 사례

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

있습니까?

이

구문 오류이다

</script> 

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

체크 VAR 시험 = $ (이) .serializeArray(); test가 null이 아닌 경우 여기에 오류가 있습니다. outsidesupport_processed.php

출처

2014-12-13 07:44:18 websky

답장을 보내 주셔서 감사합니다. 나는 조정을했다. 그러나 같은 일은 아직도 일어나고있다. 다음은 새로운 AJAX 액션입니다. http://pastebin.com/qSCGgtXi 여전히 공백을 추가하기 때문에이 코드는 문제가되지 않지만 데이터베이스에 정보를 추가 한 스크립트는 어떻게 될까요? 이 작업을하려면 외부 지원 _processed.php에 AJAX를 포함해야합니까? 해당 페이지가 완전히 PHP/HTML – user2218739

질문을 놓쳤습니다. 아니오, 오류가 표시되지 않습니다. – user2218739

FancyBox 양식 제출

답변

관련 문제