Aktualisierung der Ereignisantwort: Aktualisierung nur auf Anfrage
1. Erhalten Sie HTML-Elemente über JS HTML DOM oder jQuery, überwachen Sie Seitenereignisse über DOM-Methoden oder jQuery-Methoden und erhalten Sie Benutzeranforderungen.
2. Senden Sie die Benutzeranforderung über Ajax an den Server. Der Server gibt das Ergebnis nach der Verarbeitung zurück und Ajax empfängt die Daten.
3. Laden Sie Daten über die DOM-Methode oder die jQuery-Methode in die Seite, und die Aktualisierung der Ereignisantwort ist abgeschlossen.
$('#input_date').keypress(function(e){ if(e.keyCode=='13'){ $.ajax({ type: POST, url: discover_date.php, data: {birth:null,/ /1. Erhalten Sie Benutzeranfragen (dh bestimmte Ereignisse) und senden Sie sie zur Verarbeitung an den Server date:$('#input_date input').val() }, dataType: json,//2 Holen Sie sich Daten vom Server erfolgreich: function(data){ if (data.success) { var festival = data.fetivalInquireResult;//3. Laden Sie die erhaltenen Daten in die Seite, um die Aktualisierung der Seitenereignisantwort zu implementieren $('#show_festival').text(festival }); else { $('#show_festival').text(Festival konnte nicht abgerufen werden); }, Fehler: function(jqXHR){ Alert(Fehler aufgetreten: + jqXHR.status); }, }); $('#festival').hide(); $('#response_festival').show(});Teilweise automatische Aktualisierung: Teilseiten werden ohne Aufforderung automatisch aktualisiert
1. Verwenden Sie Timer-Funktionen wie setTimeout (), damit Ajax in regelmäßigen Abständen Daten vom Server abrufen kann.
2. Laden Sie Daten über die DOM-Methode oder die jQuery-Methode in die Seite, um eine teilweise automatische Aktualisierung der Seite zu erreichen.
$(document).ready(function(e){ setTimeout('updateShow()',0);});/*Seitendaten teilweise automatisch aktualisieren*/function updateShow(){ $.ajax({ type: GET, url : discover_date.php?data= + query, dataType: json,//1 Regelmäßiges Abrufen von Daten vom Server über einen Timer-Erfolg: function(data) { if (data.success) { var agesFormat = data.agesFormat; var daysFormat = data.daysFormat;//2 Laden Sie Daten in die Seite, um eine automatische Aktualisierung zu erreichen $('#ages').text(daysFormat). ); } else{ warning(Failed to get data); setTimeout('updateShow()',500);}Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist. Ich hoffe auch, dass jeder das VeVb Wulin Network unterstützt.