تحديث استجابة الحدث: يتم التحديث فقط عند الطلب
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(فشل الحصول على المهرجان) } }, error: function(jqXHR){ تنبيه (حدث خطأ: + 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 agesFormat = data.agesFormat; vardaysFormat = data.daysFormat;//2. قم بتحميل البيانات إلى الصفحة لتحقيق التحديث التلقائي $('#ages').text(agesFormat $('#days').text(daysFormat } else{ تنبيه(فشل الحصول على البيانات } }, خطأ: function(jqXHR){ تنبيه (حدث خطأ: + jqXHR.status }, }); setTimeout('updateShow()',500);}ما ورد أعلاه هو المحتوى الكامل لهذه المقالة وآمل أن يكون مفيدًا لدراسة الجميع وآمل أيضًا أن يدعم الجميع شبكة VeVb Wulin.