jQuery窗體不重新加載：成功后如何傳遞$ _POST信息？

Question

首先下面的代碼可以工作，但是說實話我不知道為什么:)經過多次試驗和錯誤后，它才起作用

我需要通過＃filter-form提交的$ _POST數據，以便加載頁面，因為action1函數將需要$ _POST數據。

如果我刪除+ data或.html（data），它將不再起作用。 另外，如果我更改url：“ ...”，它也不再起作用，並且我不明白為什么我不需要在這里做任何事情，我所需要的只是加載此page.php頁面並傳遞$ _POST，以便可以正確輸出。

我的問題是，為什么起作用？ （我想了解為什么放置+ data或html（data）如此重要，以確保傳遞$ _POST），如何使它更合適？ 謝謝你的幫助

<script type="text/javascript">
            $("#filter-form").submit(function(event) {
            $.ajax({
                type: "POST",
                url: "includes/page.php?action=action1",
                //Specify the datatype of response if necessary
                data: $("#filter-form").serialize(),
                success: function(data){
                        alert("succeess");
                        $("#tableresult").load("includes/page.php?action=action1"+data).html(data);
                    }
                });
                event.preventDefault();
                return false;
            });
            </script>';

Answer 1

您根本不需要使用.load() 。 它應該是：

success: function(data) {
    alert("success");
    $("#tableresult").html(data);
}

這將獲取AJAX服務器返回的響應（應為HTML代碼），並將其放入tableresult元素。

按照您編寫的方式，您要兩次調用服務器，這似乎不正確。