在同一PHP頁面上加載Ajax內容

Question

我目前在嘗試將數據發送到同一php頁面時遇到麻煩。 我的問題如下：我正在從jQueryUI選項卡提交Ajax的表單，並且試圖將數據發送回該選項卡中加載的同一php頁面。

這是我的Ajax部分的代碼，正在運行，因為我可以看到數據返回到成功部分：

$('#query').submit(function(event){
    event.preventDefault();
    var formData = new FormData($(this)[0]);            

    var request = $.ajax({
        type: 'POST',
        url: 'tab_rechercher.php',
        data: formData,
        contentType: false,
        processData: false,
        success: function(data){
            alert(data);
        },
        error: function(msg){
            alert(msg);
        }
    });             
});

現在，這給了我一個數組，其中包含表單數據以及整個html頁面，如下所示：

<form id="query" method="post" action="tab_rechercher.php">
<fieldset>
    <legend>Recherche d&apos;items dans une soumission ou bon de commande</legend>
    <table class="table_spacing">
        <tr>
            <td>Description de l&apos;item: </td>
            <td><input type="text" name="item_description"></td>                
        </tr>
        <tr>
            <td colspan="2" style="text-align:right;"><input id="rechercher" type="submit" value="Rechercher"></td>
        </tr>
    </table>
</fieldset>

問題是在我的PHP頁面中，$ _ POST保持為空

if(empty($_POST) === false){
print_r($_POST);}

並且打印永遠不會發生。

如何獲取要傳輸回php頁面的數據？ 謝謝

Answer 1

在我看來，您實際上從未發布過該表格。 您確實通過AJAX發布了它，但是它在另一個“線程”中，而不是您當前正在查看的那個線程中。 要按需要發布它，您需要另一個函數，該函數僅調用$（'＃query'）。submit（）;。