AJAX-запрос с использованием jQuery не публикует данные формы

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.

Источник