gpt4 book ai didi

javascript - HTML 数据列表中的动态数组

转载 作者:行者123 更新时间:2023-12-01 01:26:32 29 4
gpt4 key购买 nike

我想动态刷新此数据列表中的 php 代码,而不重新加载整个页面。

<form id="form1" action="1.5-unterseite-nach-Eingabe.php" method="post" enctype="multipart/form-data">
<tr>
<td>Lecture auswählen: </td>
<td><input list="files" name="unterlage"></td>
</tr>
<datalist id="files">
<?php

$files = array_diff( scandir("/srv/www/htdocs/share/"), array(".", "..") );
foreach ($files as $option) {
echo '<option value=\''.$option.'\'>';
}
?>
</datalist>

希望你能帮我。

最佳答案

您可以在“index.html”文件中编写 html 表单。并使用javascript间隔请求data.php中PHP提供的数据。伪代码将是这样的:

//index.html

<html>
<form id="form1" action="1.5-unterseite-nach-Eingabe.php" method="post" enctype="multipart/form-data">
<tr><td>Lecture auswählen: </td><td><input list="files" name="unterlage"></td></tr>
<datalist id="files">
</datalist>
</form>
<script>
window.setInterval(function(){
function request_data(){
$.ajax({
url: 'data.php',
method: "post",
success: function (data) {
// Do something here
$("#files").html(data);
}
})
}
},2000); // 2 secends request a time
</scirpt
</html>

//数据.php

<?php
$files = array_diff( scandir("/srv/www/htdocs/share/"), array(".", "..") );
return json_encode($files);
?>

关于javascript - HTML 数据列表中的动态数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53720586/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com