รีเฟรชการตอบกลับเหตุการณ์: รีเฟรชเมื่อมีการร้องขอเท่านั้น
1. รับองค์ประกอบ HTML ผ่าน JS HTML DOM หรือ jQuery ตรวจสอบเหตุการณ์หน้าผ่านวิธี DOM หรือวิธี jQuery และรับคำขอของผู้ใช้
2. ส่งคำขอผู้ใช้ไปยังเซิร์ฟเวอร์ผ่าน Ajax เซิร์ฟเวอร์ส่งคืนผลลัพธ์หลังการประมวลผล จากนั้น Ajax จะได้รับข้อมูล
3. โหลดข้อมูลลงในเพจโดยใช้วิธี DOM หรือวิธี jQuery และการรีเฟรชการตอบสนองเหตุการณ์เสร็จสมบูรณ์
$('#input_date').keypress(function(e){ if(e.keyCode=='13'){ $.ajax({ ประเภท: POST, url: enquire_date.php, ข้อมูล: { เกิด: 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 : enquire_date.php?data= + สอบถาม dataType: json,//1. รับข้อมูลจากเซิร์ฟเวอร์เป็นประจำผ่านตัวจับเวลาที่สำเร็จ: function(data) { if (data.success) { var AgesFormat = data.agesFormat; var daysFormat = data.daysFormat;//2. โหลดข้อมูลลงในเพจเพื่อให้รีเฟรชอัตโนมัติ $('#ages').text(agesFormat); $('#days').text(daysFormat } else{ alert(ไม่สามารถรับข้อมูล); setTimeout('updateShow()',500);}ข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาของทุกคน ฉันหวังว่าทุกคนจะสนับสนุน VeVb Wulin Network