希望通過單擊按鈕進行搜索，而不是在鍵入時輸入。 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> 

而且我想知道如何當我在按鈕上進行搜索時，不在關鍵幀上搜索將其更改爲click（功能（）它只在單擊不在按鈕上的輸入時進行搜索。你能幫我嗎？我不知道我犯了什麼錯誤/問題。

Answer 1

按鈕onclick處理程序例子，在這裏你一樣做的keyup處理程序，但不同的是，你從$('#vyhledat_text').val();，而不是$(this).val();

你也需要防止默認submit事件採取價值。我用e.preventDefault()做到了;

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

     e.preventDefault(); 

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

    })