Javascript 通过Post向PHP提交值后停止页面重新加载

当我尝试使用其他方法时，要么没有停止重新加载，要么按钮停止工作。我必须将数据发布到php，php将对其执行操作。但是，由于页面重新加载，输入值将应用于新的数据集，而不是提交数据的旧数据集。页面重新加载后，旧数据将随机替换为新数据。有没有办法停止使用php重新加载页面？以下是我尝试过的一些方法：

一,

方法4：

---

谢谢你的帮助。我愿意接受任何意见

在您的第一个示例中

1st：您设置了两个要输入的ID

<input type="submit" style="margin-top:5px" name="installer2_btn" class="btn btn-success" id="form" value="Enter" id="formbtn">

在php中

<?php
  $form_data = $_POST['Form_data'];
?>

看看AJAX，您混合了两种向服务器发送数据的技术—AJAX和HTML表单。表单导致回发（重新加载），AJAX不会。数据不会传递，页面也不会停止刷新。是否有一些常见的外部因素可能会影响我的代码？谢谢@apaul答案更新了演示，希望这个答案能给你一个好的信息，帮助你了解如何防止重新加载非常感谢。然而，这也不起作用。我已经编辑了我的问题，包括您推荐的方法和我最近的代码。我相信我可能已经解决了这个问题，因为当我执行第二个代码段时，我没有收到警报！我修复了jquery错误，但是现在按钮的功能丢失了。

 function sendForm(e){
        e.preventDefault();
    }

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
    $("#formbtn").click(function(e){
       e.preventDefault();
       $.ajax({
           method: "POST",
           url: "index.php",
           data: { name: $('#code').val()}
       })
       .done(function( msg ) {
           alert( "Data Saved: " + msg );
       });
    });

    </script>

<form id="form">
    <input  style="width:200;margin-top:5px" type="text" class="form-control" id="code" name="installer1_code" placeholder="Enter Code">
    <input type="submit" id="formbtn" style="margin-top:5px" name="installer1_btn" class="btn btn-success" value="Enter">
</form>

  $code_input = strip_tags($_POST['name']);
  return false;

<input type="submit" style="margin-top:5px" name="installer2_btn" class="btn btn-success" id="form" value="Enter" id="formbtn">

<script type="text/javascript">
     $('#form').submit(function (e) {
       e.preventDefault();
       var Form_data = $("#form").serialize();
       $.post("header_html.php", {Form_data : Form_data}, function(data){
          alert(data);          
       });
    });
</script>

<?php
  $form_data = $_POST['Form_data'];
?>