（PHP）如何使輸入隱藏數據從輸入框中獲取價值

Question

嗨，我嘗試通過Stack研究我的問題大約3個小時，但仍然沒有找到。 因此，我決定創建一個主題來詢問我的問題。

我正在創建搜索引擎，結果如下：

1. 如果我在輸入形式中輸入測試文本，然后從鍵盤上單擊“輸入”按鈕，則搜索結果將正常工作。
2. 如果我在輸入表單中輸入測試文本，然后單擊網頁上的“搜索”按鈕，則搜索結果無效。

我的問題是結果2。

這是我的代碼：

 <form action="search_content.php" method="POST" >  
    <div class="input-group mainsearch-home">           
         <input type="text" class="input-group-field" name="homesearchfield" id="homesearchfield2" placeholder="What are you looking for?" autocomplete="off">
         <div class="input-group-button">
              <button type="button" class="button button--search" >search</button>              
              <input type="hidden" name="homesearchfield" value="search">
         </div>
    </div>
 </form>

我做錯了什么？ 我以為我的問題出在輸入類型的隱藏數據上 。 所以我想知道如何從輸入文本框中獲取價值並將價值發送到我的目標頁面。

我從下面的“響應”頁面添加了一些php代碼。

 $viewstate = isset( $_POST["homesearchfield"] ) ? $_POST["homesearchfield"] : "" ;
 $sql="SELECT *  FROM `article` WHERE topic_article LIKE '%$viewstate%' order by id_article DESC";

Answer 1

當前，您的表單不知道該按鈕是用於提交表單的，可以通過更改按鈕的類型來修復該問題：

<button type="submit" class="button button--search" >search</button>

您還可以使用：

<input type="submit" class="button button--search" value="search" />

Answer 2

控制數據的一種方法是使用JavaScript / jQuery來控制表單的操作。 通過這種方式，您還可以在實際發送之前查看要發布的數據，甚至可以注釋掉該帖子，然后僅使用希望獲取的正確數據來獲取表單。

為了使序列化工作正常進行，您還需要為每個要傳遞回數據的項目命名。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script lang="JavaScript">
$(function(){
    $("#button").click(fuction()
    {
        var formData = $("#form").serialize();
        alert(formData);
        /*
        $.post({"search_content.php",
                formData,
                function(returndata)
                {
                    //do something

                    //this will load the return data into the div tag on the fly
                    $("#divReturn").html(returndata); 
                },
                "text"
          });
          //*/
    });

});
</script>
<form id="form" onsubmit="return false;" >  
    <div class="input-group mainsearch-home input-group--search inputs--raspberry">         
         <input type="text" class="input-group-field" name="homesearchfield" id="homesearchfield2" placeholder="What are you looking for?" autocomplete="off">
         <div class="input-group-button">
              <button type="button" class="button button--search" id="button" name="button" value="search" >search</button>              
         </div>
    </div>
</form>
<div id="divReturn">
</div>