Обновление ответа на событие: обновление только по запросу.
1. Получайте элементы HTML с помощью JS HTML DOM или jQuery, отслеживайте события страницы с помощью методов DOM или методов jQuery и получайте запросы пользователей;
2. Отправьте пользовательский запрос на сервер через Ajax, сервер после обработки вернет результат, а затем Ajax получит данные;
3. Загрузите данные на страницу с помощью метода DOM или метода jQuery, и обновление ответа на событие будет завершено.
$('#input_date').keypress(function(e){ if(e.keyCode=='13'){ $.ajax({ type: POST, url: inquire_date.php, data: {birth:null,/ /1. Получить пользовательские запросы (т. е. определенные события) и отправить их на сервер для обработки. Дата: $('#input_date input').val() }, dataType: json, //2. Получение данных с сервера. function(data){ if (data.success) { var Festival = data.fetivalInquireResult;//3. Загрузите полученные данные на страницу, чтобы реализовать обновление ответа на событие страницы $('#show_festival').text(festival); else { $('#show_festival').text(Не удалось получить фестиваль } }, ошибка: function(jqXHR){ alert(Произошла ошибка: + jqXHR.status); }, }); $('#festival').hide(); $('#response_festival').show();Частичное автоматическое обновление: частичные страницы будут автоматически обновляться без запроса.
1. Используйте функции таймера, такие как setTimeout(), чтобы Ajax мог получать данные с сервера через регулярные промежутки времени;
2. Загрузите данные на страницу с помощью метода DOM или метода jQuery, чтобы добиться частичного автоматического обновления страницы.
$(document).ready(function(e){ setTimeout('updateShow()',0);});/*Частично автоматически обновлять данные страницы*/function updateShow(){ $.ajax({ type: GET, url : inquire_date.php?data= + inquire, dataType: json,//1. Регулярно получать данные с сервера через успешный таймер: function(data) { if (data.success) { var ageFormat = data.agesFormat; var daysFormat = data.daysFormat;//2. Загрузите данные на страницу для автоматического обновления $('#ages').text(agesFormat); $('#days').text(daysFormat); ); } else { alert(Не удалось получить данные); } }, ошибка: function(jqXHR) { alert(Произошла ошибка: + jqXHR.status }, }); setTimeout('updateShow()',500);}Выше приведено все содержание этой статьи. Я надеюсь, что она будет полезна для изучения всеми. Я также надеюсь, что все поддержат сеть VeVb Wulin.