php - 将 AJAX 添加到工作 PHP 表单

Question

我有一个有效的 PHP 注册表单，它通过 $_POST[] 请求来检查用户输入。

• 用户名长度(3-20)
• 用户名可用性
• 用户名/^[A-Za-z0-9_]+$/
• 等等

与其让它把你带到一个全新的页面来显示错误，我想要一个实时请求来调用 register.php 中的错误，这样它们就会出现在注册的 div 中。

<div id="errors">" . $usernameErrors . "</div>

我一直在尝试阅读 AJAX，但注意到大多数代码都涉及使用 $_GET[]。我需要做什么才能使我当前的表单与 AJAX 集成？

我当前的基本注册表逻辑:

<form method="post" action="register.php">
    <input type="text" name="username" id="username" required />
    $usernameErrors
</form>

并且 register.php 已经包含了所有的检查。

Answer 1

如果您使用 jQuery , 这很简单。

<script type='text/javascript'>

    $.post('/register.php', 
           {username: $('#username').val()
            // insert values of other fields here
           }, 
           function(response) {
               // update your div with errors
               $('#errors').html(response);
           })

</script>           

您应该调用此代码，例如，当用户在注册表中更改用户名时。它会在后台发生并异步更新页面。

在这种情况下，您的 register.php 脚本应该只发出错误，而不是整个页面，否则您会看到意想不到的结果。 :-)