Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Mendapatkan Data daripada Respons XMLHttpRequest?

Bagaimanakah Saya Mendapatkan Data daripada Respons XMLHttpRequest?

Patricia Arquette
Lepaskan: 2024-12-03 12:25:13
asal
436 orang telah melayarinya

How Do I Retrieve Data from an XMLHttpRequest Response?

Cara Mendapatkan Data Respons XMLHttpRequest

XMLHttpRequest menyediakan cara untuk memuatkan dan memanipulasi data daripada URL jauh melalui JavaScript. Dengan itu, anda boleh mendapatkan kandungan HTML tapak web dan menyimpannya dalam pembolehubah untuk pemprosesan selanjutnya.

Untuk mencapainya, laksanakan langkah berikut:

  1. Buat objek XMLHttpRequest:

    var xhr = new XMLHttpRequest();
    Salin selepas log masuk
  2. Tentukan pendengar acara untuk onreadystatechange acara, yang dicetuskan apabila keadaan permintaan berubah.

    xhr.onreadystatechange = function() { ... };
    Salin selepas log masuk
  3. Dalam pendengar acara, semak sama ada permintaan telah selesai (XMLHttpRequest.DONE) dan dapatkan semula teks respons menggunakan xhr. responseText.

    if (xhr.readyState == XMLHttpRequest.DONE) {
        alert(xhr.responseText);
    }
    Salin selepas log masuk
  4. Hantar permintaan HTTP GET ke URL yang dikehendaki:

    xhr.open('GET', 'http://foo.com/bar.php', true);
    xhr.send(null);
    Salin selepas log masuk

Perhatikan bahawa keserasian merentas penyemak imbas boleh dipertingkatkan dengan menggunakan perpustakaan seperti jQuery, yang memudahkan proses dan mengambil kira isu khusus penyemak imbas:

$.get('http://example.com', function(responseText) {
    alert(responseText);
});
Salin selepas log masuk

Perlu diingat Dasar Asal Sama untuk JavaScript, yang mengehadkan permintaan silang asal. Pertimbangkan untuk menggunakan skrip proksi untuk mengatasi had ini.

Atas ialah kandungan terperinci Bagaimanakah Saya Mendapatkan Data daripada Respons XMLHttpRequest?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan