Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah jenis pemulangan permintaan ajax?

Apakah jenis pemulangan permintaan ajax?

青灯夜游
Lepaskan: 2022-01-17 17:29:45
asal
6816 orang telah melayarinya

Jenis pemulangan permintaan Ajax ialah: 1. jenis xml, yang boleh diproses oleh jQuery 2. jenis html (maklumat HTML teks biasa) (kod JavaScript teks biasa); ; 5. jenis jsonp 6. jenis teks (rentetan teks biasa).

Apakah jenis pemulangan permintaan ajax?

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

Penjelasan terperinci Ajax

Ajax = JavaScript dan XML tak segerak.

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.

Untuk halaman web tradisional (tidak menggunakan Ajax), jika kandungan perlu dikemas kini, keseluruhan halaman web mesti dimuat semula.

(Nota: Gambar adalah daripada Internet)
Apakah jenis pemulangan permintaan ajax?

Cara menggunakan teknologi Ajax

Pertama sekali, anda perlu Dapatkan objek XMLHttpRequest:

var xhr;
xhr = new XMLHttpRequest();
Salin selepas log masuk

XMLHttpRequest Objek mempunyai 5 atribut teras:

  • onreadystatechange: Apabila status penyediaan berubah
  • readyState: Keadaan sedia, nilai atribut ini mungkin nombor antara 0 dan 4, 0 bermakna sambungan belum diwujudkan, 4 bermakna respons telah diterima
  • status: kod respons, seperti 404, 200
  • responseText: Rentetan respons
  • responseXML: XML Respons

Apabila anda perlu buat permintaan, anda memerlukan XMLHttpRequest dan open() objek send()

Kaedah:
  • buka(kaedah permintaan, laluan permintaan, sama ada tak segerak)
  • send()

Demonstrasi penggunaan:
// 异步检查用户名是否存在
function checkUsername(username) {
    // 获取XMLHttpRequest对象
    var xhr = new XMLHttpRequest();
    var url = "check_username.do?username="
            + username;

    // 配置onreadystatechange
    xhr.onreadystatechange = function() {
        // 当服务器已经响应(4)且响应码是200时
        if (xhr.readyState == 4
                && xhr.status == 200) {
            // 根据服务器的响应,显示响应的提示消息
            if (xhr.responseText == "1") {
                // 表示用户名存在
                document.getElementById("username_hint").innerHTML= "用户名正确";
            } else {
                // 表示用户名不存在
                document.getElementById("username_hint").innerHTML= "用户名不存在";
            }
        }
    };
    // 调用函数
    xhr.open("GET", url, true);
    xhr.send();
}
Salin selepas log masuk

Dalam JQuery, terdapat tiga cara untuk melaksanakan Ajax:
$.ajax({
    "url":"",   //访问路径
    "data":"",  // 需要传输的数据
    "type":"",  // 请求方式
    "dataType":"",  // 返回值类型
    "success":function(obj){},      // 响应成功时的回调函数
    "error":function(obj){}     // 响应失败时的回调函数
});

$.get(URL,callback);

$.post(URL,data,callback);
Salin selepas log masuk

<strong><span style="font-size: 18px;">使用Ajax时的返回值类型有哪些?</span></strong>

xml、html、script、JSON、jsonp、text
Salin selepas log masuk
Apakah jenis nilai pulangan apabila menggunakan Ajax?
  • xml: Mengembalikan dokumen XML yang boleh diproses dengan jQuery.

  • html: Mengembalikan maklumat HTML teks biasa; Keputusan tidak dicache secara automatik. Melainkan parameter "cache" ditetapkan; JavaScript

  • json: Kaedah json dan kaedah html adalah sama dalam permintaan dan nilai pulangan permintaan itu sebenarnya a Objek rentetan. Terdapat dua mata Perbezaannya ialah, pertama: kaedah HTML tidak mengehadkan format rentetan yang dikembalikan, tetapi kaedah json mesti mematuhi spesifikasi protokol json. Kedua: Selepas permintaan html selesai, tiada operasi dilakukan untuk memanggil semula sucuess secara langsung, manakala json mempunyai satu langkah lagi, iaitu menambah eval, laksanakan rentetan yang dikembalikan, dan lihat kod sumber

    ; objek; (data = eval_r("(" data ")") kaedah Apabila nilai pulangan adalah Javabean, badan tindak balas adalah dalam format rentetan json )

  • jsonp: Kaedah interaksi mod jsonp adalah sama sebagai js, dan objek itu sendiri ialah

    Ia tidak boleh diakses merentasi domain, tetapi xmlHttpRequest teg script boleh diakses merentas domain Dua konsep harus diperhatikan di sini: pertama, Ajax tidak boleh dikendalikan merentas domain , dan kedua, jsonp jQuery boleh dikendalikan merentasi domain Pada akhirnya, jsonp Apakah itu? Ia adalah definisi tidak rasmi. Spesifikasi semasa memerlukan pelayan dan klien untuk digunakan bersama-sama; src

  • [Cadangan tutorial berkaitan:

    Tutorial video AJAX

    ]

Atas ialah kandungan terperinci Apakah jenis pemulangan permintaan ajax?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan