更新html页面的复选框值

时间:2016-07-01 05:52:47

标签: mysql ajax html5 stored-procedures

早上好,

我对html页面中复选框值的设置有疑问。这个问题可能听起来很模糊,因为我不太清楚如何实现这一目标。

我想要实现的是从mysql数据库中检索一组布尔值,最有可能的方法是运行存储过程。

根据返回的这组值,我希望我的html页面的复选框会相应更新。因为我希望这个脚本每隔1或2秒运行一次并且我不想如此频繁地刷新整个html页面,我听说ajax可能是我问题的答案。

所以对于我的问题,您是否有一些建议和/或示例,从头开始使用这种ajax技术的新手教程?

非常感谢您的帮助,祝您度过愉快的一天。

祝福, 劳伦

1 个答案:

答案 0 :(得分:1)

html部分:

<input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
<input type="checkbox" name="vehicle" value="Car"> I have a car<br>
<input type="checkbox" name="vehicle" value="Truck"> I have a truck<br>

Ajax部分:

var arr, i;
$.ajax({
  method: "GET",
  url: "ajaxfile.php",
  dataType: "json"
}).done(function( data ) {
    arr = $.parseJSON(data);
    i = 0;
    $(':checkbox').each(function(){
        this.checked = arr[i++];  //assuming ajax file returned boolean values in json array.
     });
});

我猜猜它是否有效,你可以做其余的事情。 Read This了解有关使用ajax的更多信息。