提交带有日期步骤的表单，无需重新加载页面

Question

我有一个注册页面，其中每个步骤都使用数据步骤。这工作正常。然而，为了我自己的需要，我需要弄清楚如何在不刷新页面的情况下发送 php 请求。为了防止刷新表单，我必须使用<button type="button" name="register"> 但是当按钮类型=按钮时我如何能够将请求发送到php。我看到有人说我需要使用 jquery 的帖子。我明白了。但是，怎么样？有人可以在这里向我解释一下吗？我想使用 Jquery 和这个，但是如何在该数据中获取表单输入，特别是如何在 php 中接收这些数据？    $('#submit').click(function() {    $.ajax({        url: 'register.inc.php',        type: 'POST',        data: {            email: 'HOW DO I GET FORM INPUT HERE?',            username: 'HOW DO I GET FORM INPUT HERE?'        },        success: function(msg) {            alert('Register succesful!');        }                   });});谢谢你的努力，已经。编辑：我现在得到了这个：    <script>  $(function () {    $('button').bind('click', function (event) {    event.preventDefault();      $.ajax({        type: 'POST',        url: '../includes/register.inc.php',        data: $('form').serialize(),        success: function () {          alert('yoope');        }      });    });  });</script>以上脚本有效。但是，它总是向我发出警报，并且不再使用我在 php 脚本中给出的错误。怎么修？

Answer 1

您始终可以使用return false来停止加载表单。

如果您使用 JQuery，类似这样（提交表单并停止加载）

$('#myForm').submit(function () {

 return false;

});

或者您可以调用另一个函数来处理表单中的数据，然后停止加载

<form name="myForm" onsubmit="myFunction()">

....

....

</form>

<script>

function myFunction()

{

  //handle data

  //stop the form

  return false;

}

</script>