Rumah > Artikel > hujung hadapan web > Apakah yang dilakukan oleh ajax?

Apakah yang dilakukan oleh ajax?

青灯夜游asal: 2022-01-17 16:41:5010005semak imbas

AJAX ialah teknologi untuk mencipta halaman web dinamik pantas Ia boleh digunakan untuk: 1. Membuat permintaan separa untuk mencapai penyegaran separa (kemas kini halaman web tanpa menyegarkan halaman selepas itu); halaman dimuatkan Data 3. Terima data daripada pelayan selepas halaman dimuatkan 4. Hantar data ke pelayan di latar belakang.

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

Apakah itu Ajax?

AJAX = Asynchronous JavaScript and XML.

AJAX ialah teknologi untuk mencipta halaman web yang pantas dan dinamik.

AJAX membenarkan halaman web dikemas kini secara tidak segerak dengan menukar sejumlah kecil data dengan pelayan di latar belakang. Ini bermakna bahagian halaman web boleh dikemas kini tanpa memuatkan semula keseluruhan halaman.

Halaman web tradisional (tidak menggunakan AJAX) mesti memuat semula keseluruhan halaman jika kandungan perlu dikemas kini.

Terdapat banyak contoh aplikasi menggunakan AJAX: Peta Google, Gmail, Youtube dan Facebook.

Digunakan untuk menggunakan penghantaran data tak segerak (permintaan HTTP) antara penyemak imbas dan pelayan untuk membuat permintaan separa untuk mencapai penyegaran separa

Apakah yang dilakukan oleh ajax?

Ajax What adakah ia untuk? Apa gunanya?

1 Kemas kini halaman web tanpa memuatkan semula halaman (sebahagian muat semula)

2. Minta data daripada pelayan selepas halaman dimuatkan

3 halaman dimuatkan, daripada Pelayan menerima data

4. Hantar data ke pelayan di latar belakang

Bagaimana untuk menggunakan Ajax?

1. Cipta objek XMLHttpRequest

2 Gunakan kaedah terbuka untuk menetapkan maklumat interaksi dengan pelayan

3 (nama atribut, nilai Atribut);

4 send() menetapkan data untuk dihantar dan mula berinteraksi dengan pelayan

5 🎜>Contoh:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button onclick="getData()">获取数据</button>
    <script>
        function getData() {
            // 1.创建XMLHttpRequest对象
            var request = new XMLHttpRequest();
            // 2.使用open方法设置和服务器的交互信息
            // 请求的主体
            request.open(&#39;get&#39;, &#39;https://api.muxiaoguo.cn/api/lishijr/&#39;)
            // 3.设置requestHeader()    request.setRequestHeader(属性名称, 属性值);  
            // 这里用默认就好，不写了
            // 4. send()  设置发送的数据，开始和服务器端交互            
            request.send(); //调用send()之后,请求就会发送到服务器
            // 5.取得响应，注册事件
            request.onreadystatechange = function () {
                if (request.readyState === 4 && request.status === 200) { //4  响应完成 DONE
                    // console.log(request.responseText);
                    var res = JSON.parse(request.responseText);
                    console.log(res);
                    // 根据数据添加对应的节点
                    for (var arrIndex in res.data) {
                        // 创建一个节点
                        var p = document.createElement(&#39;p&#39;);
                        p.innerHTML = res.data[arrIndex].title;
                        document.body.appendChild(p);
                    }
                }
            }
            // 6.如果请求完成，并且响完成，可以获取到响应数据        

        }
    </script>
</body>
</html>

Ringkasan AJAX:

AJAX ialah JavaScript dan XML tak segerak

AJAX ialah cara untuk mencipta lebih baik, Teknologi yang lebih pantas dan interaktif untuk aplikasi web yang lebih kuat; AJAX menggunakan JavaScript untuk menghantar dan menerima data antara penyemak imbas web dan pelayan web (interaksi bahagian hadapan dan belakang belakang);

AJAX menggunakan penghantaran data tak segerak antara penyemak imbas dan pelayan web ( permintaan HTTP).

【Tutorial berkaitan yang disyorkan:

Tutorial video AJAX

】

Atas ialah kandungan terperinci Apakah yang dilakukan oleh ajax?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript ajax xml 对象事件异步 http

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk menukar permintaan ajax daripada asynchronous kepada segerakArtikel seterusnya：Bagaimana untuk menukar permintaan ajax daripada asynchronous kepada segerak

Artikel berkaitan

Lihat lagi