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

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 () {&nbsp;return false;});或者您可以调用另一个函数来处理表单中的数据，然后停止加载<form name="myForm" onsubmit="myFunction()">........</form><script>function myFunction(){&nbsp; //handle data&nbsp; //stop the form&nbsp; return false;}</script>