Question

我有一个表单，提交时会根据用户的输入显示具有不同数据的表（对php文件的ajax请求）。我有没有办法在用户每次提交表单时用新信息动态地重新加载表格？截至目前，数据在每次提交后一直追加到表中，并继续添加到最后一次提交的数据上。任何建议将不胜感激，谢谢！

HTML

'\0'

JavaScript

<form id = "infoForm" 
action="file.php" method="post">
    <b>Enter info:</b> <input type = "text" name = "info" 
id = "infoInput" maxlength = "10" required >
     <button type = "submit" id = "submit_form">Submit</button>
 </form>
 <table id = "infoTable">
     <tbody>
         <tr>
             <th>Name</th>
             <th>Number</th>
         </tr>
     </tbody>
 </table>

Answer 1

您需要清理aColumnFromTableView.setCellValueFactory(data -> { aColumnFromTableView.setStyle("my style"); return new SimpleStringProperty(data.getValue); })，然后附加新记录。

尝试一下：

tbody

在表单提交时重新加载html表

1 个答案: