使用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。

资源