2014-06-23 58 views
0

我想讓PHP回顯出現在div「預覽」中。我想這是因爲我不想讓頁面刷新,而是讓div「formbox」消失,並在「預覽」div中顯示回顯。我如何在DIV中通過jQuery顯示PHP回顯而不刷新頁面

有人知道我在做什麼錯嗎?

HTML

<div id="preview"> </div> 
<div id="formbox"> 
    <form id="form" method="post" action="contactengine.php"> 
    <label for="Name">Name:</label> 
    <input type="text" name="Name" id="Name" /> 

    <label for="City">City:</label> 
    <input type="text" name="City" id="City" /> 

    <label for="Email">Email:</label> 
    <input type="text" name="Email" id="Email" /> 

    <label for="Message">Message:</label><br /> 
    <textarea name="Message" rows="20" cols="20" id="Message"></textarea> 

    <input type="submit" name="submit" value="Submit" class="submit-button" /> 
    </form> 
</div> 

jQuery的

$('document').ready(function(){ 
    $('#form').ajaxForm({ 
      target: '#preview', 
      success: function() { 
      $('#formbox').slideUp('fast'); 
      } 
     }); 
    }); 

PHP

if ($success){ 
    echo "<h1>Thank You!"; 
} 
+1

旁註:缺少了'回聲 「!

謝謝你」''

標籤;' –

回答

2

只需使用的結果。

$('document').ready(function(){ 
$('#form').ajaxForm({ 
     target: '#preview', 
     success: function(result) { 
     $('#formbox').slideUp('fast'); 
     $('#preview').html(result); 
     } 
    }); 
}); 
+0

它沒有工作對我來說,難道是我的PHP? http://sandbox.onlinephpfunctions.com/code/cecfb35b2b70b484007fc48b8fe3f894ce4aa61a – Xereoth

+0

@Xereoth您可以使用控制檯查看爲什麼它不起作用。按F12。 – Zerquix18

相關問題