ajax表单显示消息

时间:2015-10-22 07:46:01

标签: ajax dbase

我有一个在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>

我想放一个从dbase

显示此消息的ajax代码
<?php echo make_clickable($tosay)."$link_delete"; ?>

有人能为我提供一个例子吗?谢谢

1 个答案:

答案 0 :(得分:0)

  

看看这个   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();
  }
?>