Actualización de respuesta de evento: actualizar solo cuando se solicite
1. Obtenga elementos HTML a través de JS HTML DOM o jQuery, monitoree los eventos de la página a través de métodos DOM o jQuery y obtenga solicitudes de los usuarios;
2. Envíe la solicitud del usuario al servidor a través de Ajax, el servidor devuelve el resultado después del procesamiento y luego Ajax recibe los datos;
3. Cargue datos en la página a través del método DOM o el método jQuery y se completará la actualización de la respuesta del evento.
$('#input_date').keypress(function(e){ if(e.keyCode=='13'){ $.ajax({ tipo: POST, url: preguntar_date.php, datos: { nacimiento:null,/ /1. Obtenga las solicitudes de los usuarios (es decir, ciertos eventos) y envíelas al servidor para su procesamiento. fecha:$('#input_date input').val() }, tipo de datos: json,//2. function(data){ if (data.success) { var festival = data.fetivalInquireResult;//3. Cargue los datos obtenidos en la página para implementar la actualización de la respuesta del evento de la página $('#show_festival').text(festival); else { $('#show_festival').text(Error al obtener el festival } }, error: función(jqXHR){ alerta(Se produjo un error: + jqXHR.status); }, }); $('#festival').hide(); $('#response_festival').show();Actualización automática parcial: las páginas parciales se actualizarán automáticamente sin solicitud
1. Utilice funciones de temporizador como setTimeout() para permitir que Ajax obtenga datos del servidor a intervalos regulares;
2. Cargue datos en la página mediante el método DOM o el método jQuery para lograr una actualización automática parcial de la página.
$(document).ready(function(e){ setTimeout('updateShow()',0);});/*Actualiza parcialmente automáticamente los datos de la página*/function updateShow(){ $.ajax({ tipo: GET, url : preguntar_date.php?data= + preguntar, tipo de datos: json, // 1. Obtener datos del servidor regularmente a través de un temporizador exitoso: función (datos) { if (data.success) { var ageFormat = data.agesFormat; var daysFormat = data.daysFormat;//2. Cargue datos en la página para lograr la actualización automática $('#ages').text(agesFormat); ); } else{ alerta(Error al obtener datos } }, error: función(jqXHR){ alerta(Se produjo un error: + jqXHR.status); setTimeout('actualizarShow()',500);}Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.