キーアップで入力する代わりに、クリックしてボタンで検索したいPHPとMySQL

Question

私が持っている形式：

<form class="form-inline" style="width: 100%;"> 
    <input name="vyhledat_text" id="vyhledat_text" type="search" style="width: 69%;margin-right:1%;border-radius: 0;" class="form-control" placeholder="Vyhledat ..."> 
    <button style="width: 30%;border-radius: 0;" class="btn btn-outline-primary" type="submit">Vyhledat</button> 
    </form> 

とスクリプト：

<script> 
     $(document).ready(function(){ 

     load_data(); 

     function load_data(query) 
     { 
      $.ajax({ 
      url:"fetch.php", 
      method:"POST", 
      data:{query:query}, 
      success:function(data) 
      { 
      $('#výsledek').html(data); 
      } 
      }); 
     } 
     $('#vyhledat_text').keyup(function(){ 
      var search = $(this).val(); 
      if(search != '') 
      { 
      load_data(search); 
      } 
      else 
      { 
      load_data(); 
      } 
     }); 
     }); 
     </script>` 

と結果：私はどのように知りたい

<div id="výsledek"></div> 

そして、私がキーアップしたときにボタンで検索するそれをに変更してください。（function（）ボタンではなく入力をクリックして検索します。私を助けてくれますか？私はどこでミスをしたのかわからない。

Answer 1

ボタンのonclickハンドラの例、ここであなたはkeyupハンドラの場合と同じ操作を行い、その差はまた、あなたはデフォルトsubmitイベントを防ぐために必要がある代わりに$(this).val();

の$('#vyhledat_text').val();から値を取るということです。私はe.preventDefault()でそれをやった。

$('.btn.btn-outline-primary').click(function(e){ 

     e.preventDefault(); 

     var search = $('#vyhledat_text').val(); 
     if(search != '') 
     { 
     load_data(search); 
     } 
     else 
     { 
     load_data(); 
     } 

    })