提交表单而不刷新页面

时间:2015-12-04 12:34:13

标签: javascript php jquery ajax forms

我有一个负责在数据库中插入值的表单。它运行正常,但是当提交值时,页面会刷新,我试图从here获取帮助,但它在我的情况下没有起作用。任何人都可以告诉我如何在不刷新页面的情况下提交值。

我现在的代码是

<?
    if($_POST['submit'])
        {
            $sender_id = mysqli_real_escape_string($con, $_POST['sender_id']);
            $receiver_id = mysqli_real_escape_string($con, $_POST['receiver_id']);
            $message = mysqli_real_escape_string($con, $_POST['message']);

            // execute insert query here
        }
?>

<form class="form-horizontal"  enctype="multipart/form-data" role="form" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="POST">
    <input type="hidden" name="sender_id" value="<? echo $recruiterid; ?>">
    <input type="hidden" name="receiver_id" value="<? echo $recv_id; ?>">
    <textarea name="message" class="form-control" ></textarea>
    <button type="submit" value="submit" name="submit" class="btn btn-greensea btn-ef btn-ef-7 btn-ef-7b b-0 br-2"><i class="fa fa-envelope"></i> Send Message</button>
</form>

1 个答案:

答案 0 :(得分:1)

您需要使用AJAX提交表单而不刷新。在JavaScript中添加:

$("form").submit(function (e) {
  e.preventDefault();
  $.post($(this).attr("action"), $(this).serialize(), function () {
    alert("Submitted!");
  });
});