如何在单击按钮后获得sql值而不重新加载页面？[关闭]

Question

我有一个带有选择列表的表单，用户可以在其中选择数据库中的任何项目

<form method="POST" class="produktionsinfo" enctype="multipart/form-data">
    <select id="chosen-without-empty" class="chosen" name="artikelliste">
<?php
    
    $sql = "SELECT Artikelnummer FROM artikel ORDER BY Artikelnummer ASC";
    $db_erg = mysqli_query($db, $sql);

    while ($abteilung = mysqli_fetch_array( $db_erg, MYSQLI_ASSOC)) {
        echo "<option value='".$abteilung['Artikelnummer']."'>".$abteilung['Artikelnummer']."</option>";
    }
?> 
            
    </select>
    <input type="button" class="accordion" name="artikelsuche" value="Übernehmen"></input>
</form>

现在，如果我单击该按钮，一个隐藏的表单就会显示出来，其中所选的产品应该用数据库的另一个表中关于该产品的每一个信息来填充

 <form method="POST">
                <label>Artikelnummer </label>
                <input type="text" name="artikelnummer-anlage" placeholder="Artikelnummer"></input>
                <label>Bezeichnung </label>
                <input type="text" name="bezeichnung-anlage" placeholder="Bezeichnung"></input>
                <label>Kunde/Land </label>
                <input type="text" name="kunde-anlage" placeholder="Kunde/Land"></input>
                <label>Kundennummer </label>
                <input type="text" name="kundennummer-anlage" placeholder="Kundennummer"></input>
</form>

我如何从我的数据库中填写值，根据选择的选择白，重新加载页面后，按钮已被单击？

Answer 1

您可以在javascript端使用fetch api。也可以使用“我的库”来防止窗体重新加载页面并将请求的内容插入事件

https://github.com/monotter/message_api/blob/main/src/public/js/initilazeform.js

    <form action="/api/message" method="post" success="console.log(data)">
        <label>
            <span>Sender</span>
            <input name="sender" type="text">
        </label>
        <label>
            <span>Content</span>
            <textarea name="content"></textarea>
        </label>
        <input type="submit" value="Add Message">
    </form>