Php 使用循环HTML表单的Ajax回发-重新加载同一页面

我一直在为我的WordPress网站制作这个由多个部分组成的表单，其中包含3个表单，这些表单在一个页面上以一系列形式加载。表格1首先显示，而表格2和3则隐藏。我在这里做的是，每当表单被提交时，一个隐藏字段就会更新表单的值。我使用if-else语句来比较值以加载特定表单。所以，它从零开始，接着是1，然后是2，然后是3。所以，这就是为什么我称之为循环形式。对不起，如果我直截了当的话

这是我的密码：

{
    global $wpdb;

    $this_page    =   $_SERVER['REQUEST_URI'];

    $page     =   $_POST['page'];

    if ( $page == NULL ) {

        echo '<form method="post" action="' . $this_page .'">

            //Form Fields

            <input type="hidden" value="1" name="page" />

            <input type="submit" />

        </form>';

    }//End Page 1 of Form

    //  Start Page 2 of Form

    elseif ( $page == 1 ) {

        //  Grab the POST data that the user provided and insert it into a custom database table

        // Show Form 2 after processing data from Form 1

        echo '<form method="post" action="' . $this_page .'">

            <input type="hidden" value="' . $form_id . '" name="form_id" />//Form id - Row ID from Database

            <input type="submit" />

        </form>';

    } //End Page 2 of Form

    // Start Page 3 of Form

    elseif( $page == 2 ) {

        //Grab post data from Form 2 and append it to the same database table. (Check against Form ID to find the same row)

        //Show Form 3 after processing form 2

        echo '<form method="post" action="' . $this_page .'"> 

            //Form 3 Fields

            <input type="hidden" value="3" name="page" />

            <input type="hidden" value="' . $form_id . '" name="form_id" />

            <input type="submit" />

        </form>';

    }

    // Start Page 4 of Form

    if ( $page == 3 ) {

        //Process Form 3

        //Show Thanks Message

        echo "<h3>Thanks so much!</h3>";

    }// End Page 4 of Form

};

但我肯定知道这并不完整。我仍然试图实现这一点，但正如预期的那样，没有成功

我只想重新加载页面中包含表单的特定部分，或者使用ajax提交表单，并想知道是否可以这样做。请让我知道

期待您的回复

---

多谢各位

Ajax与WordPress略有不同，此链接可能会帮助您

将本例中的

PHP

部分放入主题的

functions.PHP

$.ajax({
    url: 'Link to the Same File.php',
    type: 'POST',
    data: formData,
    dataType: 'html',
    data: content
});