在WordPress中提交表单后留在同一页面上

Question

我已将HTML页面添加为管理员wordpress的一部分（请参见屏幕截图）

我试图在每个提交按钮上使用它，如果将记录成功添加到数据库，则会弹出一个对话框，显示“成功！”。 然后清除表单数据而不离开页面。 目前，我当前的设置尝试加载外部页面，而不是保留在屏幕快照的页面上。 这是我的HTML和PHP：

<form class="pure-form" name="addAthlete" action="submitForm.php" method="POST">
    <fieldset class="pure-group">
        <input type="text" class="pure-input-2" name="membershipID" placeholder="Membership ID">

        <input type="text" class="pure-input-2" required="required" name="firstName" placeholder="First Name">

        <input type="text" class="pure-input-2" required="required" name="surname" placeholder="Surname">
    </fieldset>

    <button name="submitAthlete" type="submit" class="pure-button pure-input-2 pure-button-primary">Submit</button>
</form>

<?php
function showSuccess() {
    echo "Success! One record added.";
}

if (isset($_POST['submitAthlete'])) {
    addAthlete();
}

function addAthlete() {
    include 'addAthlete.php';
    showSuccess();
}
?>

我假设问题在于回声“成功”正试图在submitForm.php页面上回声，这就是我编写它的方式。 这是因为页面嵌入Wordpress的方式，您可以在下面看到此内容：

add_action( 'admin_menu', 'db_menu' );

function db_menu() {
    add_menu_page(
    'Database Form',     // page title
    'Database Form',     // menu title
    'manage_options',   // capability
    'database-form',     // menu slug
    'wpse_91693_render' // callback function
    );
}

function wpse_91693_render() {
    global $title;

    print '<div class="wrap">';
    print "<h1>$title</h1>";

    $file = plugin_dir_path( __FILE__ ) . "submitform.php";

    if ( file_exists( $file ) )
    require $file;

    print '</div>';
}

每次提交时，如何在此WordPress页面中弹出或显示某些内容？

谢谢！

Answer 1

提交表单时，它会通过加载将数据发布到新网页。 为了停留在同一页面上，该操作应将您带到同一页面（将处理逻辑也移到该页面上，检查发布的参数），或者如果您不想看到重新加载，请使用ajax代替。