如何在没有页面刷新的情况下通过jQuery在DIV中显示PHP回显

时间:2014-06-23 23:31:08

标签: php echo

我想将PHP回显出现在div" preview"中。我想要这个,因为我不想让页面刷新,而是要制作div" formbox"消失,并在"预览"中显示回声。格。

有人知道我做错了吗?

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 个答案:

答案 0 :(得分:2)

只需使用结果。

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