Rumah > Artikel > hujung hadapan web > Pemahaman mendalam tentang fungsi Ajax dan penggunaan parameternya
Kuasai penjelasan terperinci tentang fungsi Ajax yang biasa digunakan dan parameternya
Ajax (JavaScript Asynchronous dan XML) ialah teknologi yang digunakan untuk menghantar data secara tidak segerak antara pelanggan dan pelayan. Ia boleh mengemas kini sebahagian daripada kandungan tanpa menyegarkan keseluruhan halaman, meningkatkan pengalaman dan prestasi pengguna. Artikel ini akan memperkenalkan fungsi Ajax yang biasa digunakan dan parameternya secara terperinci, dengan contoh kod khusus.
1. Objek XMLHttpRequest
Inti Ajax ialah objek XMLHttpRequest, iaitu objek terbina dalam yang disediakan oleh penyemak imbas. Dengan mencipta objek XMLHttpRequest, kami boleh berinteraksi dengan data pelayan.
Kod sampel:
let xhr = new XMLHttpRequest();
2. Operasi asas Ajax
Contoh kod:
xhr.open('GET', 'http://example.com/api', true);
Contoh kod:
xhr.setRequestHeader('Content-Type', 'application/json'); xhr.send(JSON.stringify({ name: 'John', age: 18 }));
Contoh kod:
xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText); } };
3. Enkapsulasi fungsi Ajax
Untuk memudahkan penggunaan Ajax, kita boleh merangkum fungsi Ajax umum.
Kod sampel:
function ajax(options) { let xhr = new XMLHttpRequest(); xhr.open(options.method, options.url, true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { options.success(xhr.responseText); } else { options.error(xhr.status); } }; xhr.send(options.data); }
4 Penjelasan terperinci tentang parameter fungsi Ajax
Fungsi Ajax boleh menerima objek pilihan yang mengandungi pelbagai konfigurasi sebagai parameter.
Contoh kod:
ajax({ method: 'POST', url: 'http://example.com/api', data: JSON.stringify({ name: 'John', age: 18 }), success: function(response) { console.log(response); }, error: function(statusCode) { console.error('Error:', statusCode); } });
Dengan menguasai fungsi Ajax yang biasa digunakan dan parameternya, kami boleh berinteraksi dengan data dengan lebih fleksibel dan meningkatkan pengalaman dan prestasi pengguna. Saya berharap penjelasan dan contoh terperinci dalam artikel ini dapat membantu pembaca memahami dengan mendalam prinsip kerja dan kaedah aplikasi Ajax.
Atas ialah kandungan terperinci Pemahaman mendalam tentang fungsi Ajax dan penggunaan parameternya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!