我有一个复选框,每次单击它时,状态都会记录到MySQL数据库中。
如何每5秒(使用Ajax-setInterval)刷新复选框的状态,并从数据库中获取状态值?
目前,代码如下所示:
<div class="onoffswitch">
<input type="hidden" id="hidden1" value="6">
<input type="checkbox" name="onoffswitch1" class="onoffswitch-checkbox" id="myonoffswitch1"
<?php
$query3=mysql_query("select * from choice where id=6");
$query4=mysql_fetch_array($query3);
if($query4['choice']=="1")
{
echo "checked";
}
?>>
<label class="onoffswitch-label" for="myonoffswitch1">
<div class="onoffswitch-inner"></div>
<div class="onoffswitch-switch"></div>
</label>
</div>
最佳答案
您可以间隔设置ajax进程。在使用该代码之前,请确保jQuery库已包含在页面中。所以:
<script type="text/javascript">
setInterval(function(){
$.ajax({
type: 'POST', /* Possible GET */
data: {...},
url: 'file.php' /* Relative path to file */
success: function(response){
/* do what you wabt with response object **/
}
});
},5000);
</scritp>
将数据库过程代码放入“ file.php”,仅将文件中的特定数据返回给ajax。