Actualisation de la réponse à l'événement : actualiser uniquement sur demande
1. Obtenez des éléments HTML via JS HTML DOM ou jQuery, surveillez les événements de page via des méthodes DOM ou jQuery et obtenez les demandes des utilisateurs ;
2. Soumettez la demande de l'utilisateur au serveur via Ajax, le serveur renvoie le résultat après traitement, puis Ajax reçoit les données ;
3. Chargez les données dans la page via la méthode DOM ou la méthode jQuery, et l'actualisation de la réponse à l'événement est terminée.
$('#input_date').keypress(function(e){ if(e.keyCode=='13'){ $.ajax({ type : POST, url : seek_date.php, data : { naissance:null,/ /1. Récupérez les demandes des utilisateurs (c'est-à-dire certains événements) et envoyez-les au serveur pour traitement date:$('#input_date input').val() }, dataType: json,//2 Obtenez les données du succès du serveur : function(data){ if (data.success) { var festival = data.fetivalInquireResult;//3. Chargez les données obtenues dans la page pour implémenter l'actualisation de la réponse à l'événement de page $('#show_festival').text(festival); else { $('#show_festival').text(Échec de l'obtention du festival); } }, erreur : function(jqXHR){ alert(Une erreur s'est produite : + jqXHR.status); }, }); $('#festival').hide(); $('#response_festival').show();Actualisation automatique partielle : les pages partielles seront automatiquement actualisées sans demande
1. Utilisez des fonctions de minuterie telles que setTimeout() pour permettre à Ajax d'obtenir des données du serveur à intervalles réguliers ;
2. Chargez les données dans la page via la méthode DOM ou la méthode jQuery pour obtenir un rafraîchissement automatique partiel de la page.
$(document).ready(function(e){ setTimeout('updateShow()',0);});/*Actualiser partiellement automatiquement les données de la page*/function updateShow(){ $.ajax({ type : GET, url : Informez_date.php?data= + Informez, dataType: json,//1. Obtenez régulièrement des données du serveur via un timer success : function(data) { if (data.success) { var âgesFormat = data.agesFormat; var joursFormat = data.daysFormat;//2 Chargez les données dans la page pour obtenir une actualisation automatique $('#ages').text(agesFormat); ); } else{ alert (Échec d'obtention des données); } }, erreur : function (jqXHR) { alert (Une erreur s'est produite : + jqXHR.status }, }); setTimeout('updateShow()',500);}Ce qui précède représente l’intégralité du contenu de cet article. J’espère qu’il sera utile à l’étude de chacun. J’espère également que tout le monde soutiendra le réseau VeVb Wulin.