Ajax форма отображения сообщений

Question

я иметь форму, вставить в DBase, что я пишу здесь есть форма,

 <form id="contact-form" class="bl_form text-center" action="<?php echo "index.php?page=rooms&room=$rid&amp;rpw=$rpw&amp;r=$r"; 

?>" method="post" novalidate> 
        <span class="field-wrap scrollimation fade-right"> 

         <input type="hidden" id="contact-name" name="contactName" type="text" 

class="label_better requiredField" data-new-placeholder="Name" placeholder="Name" value="<?php echo "$uid"; ?>" data-error- 

empty="*Enter your name"> 
        </span> 
             <span class="field-wrap scrollimation fade-left"> 
         <label class="control-label" for="contact-message">Message</label> 
         <textarea id="contact-message" name="message" rows="1" class="label_better 

requiredField" data-new-placeholder="Message" placeholder="Message" data-error-empty="*Enter your message"></textarea> 
        </span> 

        <p class="text-center"><button name="sy2" id="submit_post" type="submit" class="btn btn-meflat 

icon-left" data-error-message="Error!" data-sending-message="Sending..." data-ok-message="Message Sent"><i class="fa fa-paper- 

plane"></i>Send Message</button></p> 
        <input type="hidden" name="submitted" id="submitted" value="true" /> 
        <?php echo "<postfield name=\"message\" value=\"$(message)\"/>"; ?> 
       </form> 

и я хочу поставить Ajax код, который отображать это сообщение от DBase

<?php echo make_clickable($tosay)."$link_delete"; ?> 

Может кто-то предоставить мне пример? Спасибо

Answer 1

Посмотрите на эту
Ajax tutorial for post and get

Итак, JQuery

$('body').on('submit', '#contact-form', function(){ 
    $.post({$(this).attr("action"), $(this).serialize(), function(data){ 
    if(data){ 
     alert(data.message); 
    } 
    }, 'json'); 
    return false; 
}); 

И на стороне сервера

<?php 
    if($_SERVER['REQUEST_METHOD'] === 'POST'){ 
    // do your thing here 
    echo json_encode(array("message" => make_clickable($tosay).$link_delete)); 
    die(); 
    } 
?>