使用php和ajax动态刷新表格
Table form dynamically refresh with php and ajax
我有一个页面,它有一个表单表。当选择了一个选项时,它会显示select选项——用户单击按钮,它会运行updatephp.php,它有更新的查询。我需要动态更新选择,并在屏幕上显示成功/错误消息,如"已更新"或"没有结果"。我该如何实现这一点。我不太擅长ajax,请有人指导我好吗。
displaytable.php
<form method="POST" action="choosecake.php">
<select id="bakeryid" name="bakeryid">
<option value="">Select</option>
<?php
$sql = "SELECT bakeryid, datefrom FROM cakes";
$sqlresult = $link->query($sql);
$sqllist = array();
if(mysqli_num_rows($sqlresult) > 0) {
while($row = mysqli_fetch_array($sqlresult))
{
echo "<option value=".$row['bakeryid'].">".$row['datefrom']."</option>";
}
$sqlencode = json_encode($sqllist);
echo $sqlencode;
} else {
echo 'No Results were found';
}
?>
</select>
<input type="hidden" value="<?php echo $bakeryid;?>" name="bakeryid"/>
<input type="submit" value="Submit" name="submit"/>
</form>
更改displaytable.php
并生成一个以id为键、以name为值的蛋糕数组。然后回显json编码的数组,该数组可以直接在js中使用。
只是为了得到一种感觉,没有测试它。
$(document).ready(function() {
window.setTimeout(function() {
$.ajax({
url: "/displaytable.php"
}).done(function(data) {
var select = $('#selectId');
select.empty();
$.each(data, function(val, key) {
select.append($("<option></option>").attr("value", key).text(val);
});
});
}, 10000); // 10 seconds update interval
});
如果您的页面必须刷新(无ajax),请使用displaytable.php来处理表单提交。然后定义一个变量来保存成功或错误消息,并将该变量放在您希望消息显示的位置,如
if(!empty($success_message)) {
echo "<h2>$success_message</h2>";
}
提交表单时,只需为$success_message
分配一个值,由于处理表单提交的脚本与包含表单的脚本相同,因此当页面重新加载时,上面代码中的echo语句将显示您的消息。
相关文章:
- 如何使用单击属性和工具提示动态创建表格单元格,该工具提示将超链接到页面
- 在jqgrid编辑中动态刷新多选下拉列表
- 使用php和ajax动态刷新表格
- 附加 html 和动态刷新
- 使用 ajax 动态刷新 jquery 数据表
- 如何通过jQuery动态刷新幻灯片JS
- 动态刷新 Windows 应用商店应用的应用内容
- 如何用背景色动态填充表格单元格
- 如何动态刷新剑道下拉列表
- 通过javascript自动刷新表格
- javascript动态生成表格时,如何在表格单元格中插入空格
- 诺基亚/Ovi地图问题-标记的动态刷新
- 将动态HTML表格转换为谷歌图表
- 动态HTML表格与Javascript复选框难题-如何访问复选框.从函数外部检查
- 在HTML5移动web应用程序中双击DFP动态刷新调整
- 添加新的列表选项,动态刷新更新后的列表
- 如何使用javascript动态打印表格
- 使用JQuery .append()动态改变表格布局
- 查询Backbonejs中动态刷新视图的信息
- 动态刷新DIV