mysql - 更新 html 页面的复选框值

Question

早上好，

我有一个关于 html 页面中复选框值设置的问题。这个问题可能听起来很模糊，因为我不太确定如何实现这一目标。

我想要实现的是从 mysql 数据库检索一组 bool 值，最有可能通过运行存储过程来实现。

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

对于我的问题，您是否有一些建议和/或示例、教程供新手从头开始使用此 ajax 技术？

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

最美好的祝愿，洛朗

Answer 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 的更多信息。