Penyegaran respons peristiwa: penyegaran hanya bila diminta
1. Dapatkan elemen HTML melalui JS HTML DOM atau jQuery, pantau peristiwa halaman melalui metode DOM atau metode jQuery, dan dapatkan permintaan pengguna;
2. Kirimkan permintaan pengguna ke server melalui Ajax, server mengembalikan hasilnya setelah diproses, dan kemudian Ajax menerima datanya;
3. Muat data ke halaman melalui metode DOM atau metode jQuery, dan penyegaran respons acara selesai.
$('#input_date').keypress(function(e){ if(e.keyCode=='13'){ $.ajax({ ketik: POST, url: inquire_date.php, data: { kelahiran:null,/ /1. Dapatkan permintaan pengguna (yaitu peristiwa tertentu) dan kirimkan ke server untuk diproses tanggal:$('#input_date input').val() }, tipe data: json,//2. function(data){ if (data.success) { var festival = data.fetivalInquireResult;//3. Muat data yang diperoleh ke dalam halaman untuk mengimplementasikan penyegaran respons peristiwa halaman $('#show_festival').text(festival } else { $('#show_festival').text(Gagal mendapatkan festival } }, error: function(jqXHR){ alert(Terjadi error: + jqXHR.status); }, }); $('#festival').sembunyikan(); $('#response_festival').tampilkan();
Penyegaran otomatis sebagian: sebagian halaman akan disegarkan secara otomatis tanpa permintaan
1. Gunakan fungsi pengatur waktu seperti setTimeout() agar Ajax memperoleh data dari server secara berkala;
2. Muat data ke halaman melalui metode DOM atau metode jQuery untuk mencapai penyegaran sebagian halaman secara otomatis.
$(document).ready(function(e){ setTimeout('updateShow()',0);});/*Secara otomatis menyegarkan sebagian data halaman*/function updateShow(){ $.ajax({ type: GET, url : inquire_date.php?data= + inquire, dataType: json,//1. Dapatkan data dari server secara rutin melalui timer sukses: function(data) { if (data.success) { var ageFormat = data.agesFormat; vardaysFormat = data.daysFormat;//2. Muat data ke dalam halaman untuk mencapai penyegaran otomatis $('#ages').text(agesFormat); ); } else{ alert(Gagal mendapatkan data); } }, error: function(jqXHR){ alert(Terjadi error: + jqXHR.status); setTimeout('updateShow()',500);}
Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.