通过 Ajax/Jquery 打印 PHP 消息以形成表单

Question

我有一个 jquery/bootstrap 表单。如果电子邮件地址已在使用中，我的 php 正在检查数据库。

如果电子邮件地址正在使用中，则会调用以下内容，但会转到新窗口。

echo'<p class="error">An account already exists for this email address. Please use a different email address</p>';

这一切都很好，但现在我希望错误消息显示在 Jquery 表单上。我似乎无法理解如何做到这一点。

我知道我必须使用这个处理程序，但我不知道将错误消息放在哪里，也不知道这段代码如何知道从 php.ini 读取哪个错误消息。此外，我希望错误消息显示在表单的电子邮件字段旁边

$(document).ready(function() {
    $('#form').submit(function() {
        $.ajax({
            type: 'POST',
            url: "process.php",
            data: dataString,
            success: function() {
            }
        })
        return false;
    });
});

Answer 1

可以在success 属性中处理错误消息。该函数可以接受data 参数（来自process.php 的响应）。

success: function(data){
    //does data contain p.error?
    //get the contents of p.error, display it on the current page

    //for example:
    if( $(data).find("p.error.name").length ){
        //process name error here
        nameError = $(data).find("p.error.name").text();
        console.log(nameError);
    }
    if( $(data).find("p.error.email").length ){
        //process email error here
        emailError = $(data).find("p.error.email").text();
        console.log(emailError);
    }
}

上面定义的成功函数假设process.php看起来像这样：

<div>
<p class="error name">Please enter a name.</p>
<p class="error email">Your email address is invalid.</p>

<!-- some other stuff here -->
</div>