jquery - Ajax HTML フォームの送信が機能しない

Question

AJAXを使用してHTMLフォームを検索ページに送信し、検索を行ったインデックスページに結果を表示しようとしています。インデックスページを更新します。したがって、これを行うために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

これを試して：

$('#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);
      }
});

Answer 2

正常な URL を確認し、$('#search').val() に何かがあることを確認してください。