在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代替。