Apakah model interaksi ajax

Model interaksi ajax ialah: 1. Pengguna mengeluarkan permintaan asynchronous 2. Gunakan onReadyStateChange untuk memantau 3. Buat permintaan, gunakan kaedah terbuka untuk menentukan sama ada ia adalah get atau post, sama ada ia tidak segerak, dan alamat url 4. Hantar permintaan 5. Terima keputusan dan analisanya;

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Nama penuh Ajax: Asychronous javascript dan xml, ialah teknologi pembangunan web untuk mencipta aplikasi web interaktif.

model interaksi ajax

1. Pengguna mengeluarkan permintaan tak segerak

2. Gunakan onReadyStateChange untuk memantau

3. Cipta permintaan, Gunakan kaedah terbuka untuk menentukan sama ada ia mendapat atau pos, sama ada ia tidak segerak, alamat url

4. Hantar permintaan, kaedah hantar

5. Terima keputusan dan analisis

6. Laksanakan penyegaran

Perbezaan antara segerak dan tak segerak:

Segerak: skrip akan kekal dan menunggu pelayan menghantar balasan sebelum meneruskan

Asynchronous: skrip membenarkan halaman meneruskan prosesnya dan memproses Kemungkinan balasan

var xhr = new XMLHttpRequest();
xhr.open('请求方式GET或者POST或者其他', 请求地址url, 是否开启异步async);
xhr.onreadystatechange = function() {
    // readyState == 4说明请求已完成
    if (xhr.readyState == 4 && xhr.status == 200) {
        console.log(xhr.responseText);
    }
}
if (method == 'POST') {
    //给指定的HTTP请求头赋值
    xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
}
xhr.send()

[Cadangan tutorial berkaitan: Tutorial video AJAX]

Atas ialah kandungan terperinci Apakah model interaksi ajax. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!