使用jQuery的AJAX請求未發布表單數據

Question

我正在嘗試創建一個搜索表單，該表單發布從MySQL數據庫查詢的結果，但遇到了麻煩。 該查詢運行正常，但是在我的表單字段中輸入的信息沒有“發布”到php文檔中並實際上通過

    <form name="IDsearchform" action="">
    <input class='required digits' type="text" value="" maxlength='8' minlength='8' name="term" id="search" />
    </form>


$(document).ready(function(){
    //show loading bar
    function showLoader(){
        $('.search-background').fadeIn(200);
    }
    //hide loading bar
    function hideLoader(){
        $('#sub_cont').fadeIn(1500);
        $('.search-background').fadeOut(200);
    };
    $('#search').keyup(function(e) {
      if(e.keyCode == 13) {
        showLoader();
        $('#sub_cont').fadeIn(1500);
        $("#content #sub_cont").load("<?php bloginfo('template_directory'); ?>/searchID.php", hideLoader());
      }
      });     
    $(".searchBtn").click(function(){   
        //show the loading bar
        showLoader();
        $('#sub_cont').fadeIn(1500);         
        $("#content #sub_cont").load("<?php bloginfo('template_directory'); ?>/searchID.php", hideLoader());
    });
});

Answer 1

您需要做的是首先序列化表單數據，然后將其發送出去。 否則，jQuery不會發送表單數據。 這是您需要做的-

$("#content #sub_cont").load("<?php bloginfo('template_directory'); ?>/searchID.php",$("#IDsearchform").serialize(), hideLoader());

這樣，您的表單發布數據將自動發送給我的jQuery。

Answer 2

您應該在對$ .load（）的調用中包含額外的參數：

$("#content #sub_cont").load("<?php bloginfo('template_directory'); ?>/searchID.php",
 {term:$(#search.value)}, hideLoader());

首先，包含數據很重要。 ;-)其次，您要確保數據是一個對象，以便jquery將執行POST而不是GET。

資源