Ajax Html Представление формы не работает

Question

Я пытаюсь отправить HTML-форму ниже с AJAX на страницу поиска и принести результаты на странице индекса, где я сделал мой поиск, мы обновили индексную страницу, поэтому я пытаюсь скопировать некоторые AJAX на сделайте это для меня, но, похоже, форма не может быть представлена, может ли я помочь решить эту проблему? когда я смотрю на URL-адрес, который показывает, что q не имеет значения, любое предложение или уже сделанный код также очень ценится.

Код, который не отправляет форму.

<script language="javascript" src="js/jquery9min.js"></script> 
<script language="javascript"> 
    $('#search_btn').click(function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     type : "GET", 
     url:"search.php?q="+$('#search').val(), 
     success: function (html) { 
     $("#search_results").html(html); 
     } 
    }); 
</script> 

<form style="width:230px; margin:0 auto;" id="find" name="explore"> 
    <input type="image" src="images/searchthis.png" id="search_btn"> 
    <input type="text" id="search" name="q" placeHolder="type to start searching"> 
</form> 

<div id="search_results"></div> 

Answer 1

Проверьте URL, что это нормально, а также убедитесь, что $ («# поиск»). Вал() есть что-то, потому что, если «» у вас есть проблемы.

Answer 2

Попробуйте это:

$('#search_btn').click(function(e) { 
    e.preventDefault(); 
    var search = $('#search').val(); 
    $.ajax({ 
     type : "GET", 
     url:"search.php?q="+ search, 
     success: function (html) { 
     $("#search_results").html(html); 
     } 
});