Обновить значение флажка html-страницы

Question

Доброе утро,

У меня есть вопрос относительно установки значений флажка на странице html. Вопрос может казаться довольно расплывчатым, поскольку я не совсем уверен, как этого добиться.

Чего бы я хотел добиться, это получить набор логических значений из базы данных mysql, скорее всего, запустив хранимую процедуру.

Основываясь на этом наборе возвращаемых значений, я бы хотел, чтобы флажки моей страницы html были соответствующим образом обновлены. Поскольку я хотел бы, чтобы этот скрипт выполнялся каждые 1 или 2 секунды, и я не хочу часто обновлять всю страницу html, я слышал, что ajax может быть ответом на мой вопрос.

Итак, для моего вопроса, есть ли у вас рекомендации и/или примеры, учебные пособия для новичков, начинающихся с нуля с помощью этой технологии ajax?

Большое спасибо за вашу любезную помощь и прекрасный день.

С наилучшими пожеланиями, Laurent

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.