想要點擊按鈕而不是鍵盤輸入。 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>

我想知道當我將其更改為單擊按鈕時，如何在按鈕NOT上進行搜索。（功能（）僅在點擊按鈕上的輸入時搜索。你能幫我嗎？我不知道在哪里我做錯了/問題。

Answer 1

按鈕onclick處理程序示例，這里你做的與keyup處理程序相同，但區別在於你從$('#vyhledat_text').val();獲取值$('#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();
      }

  })