javascript - 提交表单而不刷新页面

Question

我有一个表单负责在数据库中插入值。它工作正常，但是当提交值时页面会刷新，我尝试从 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>

Answer 1

需要使用AJAX提交表单，无需刷新。将其添加到您的 JavaScript 中:

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