Cara menggunakan kaedah AJAX GET jQuery untuk mendapatkan data

jQuery ialah perpustakaan JavaScript yang digunakan secara meluas yang boleh digunakan untuk membangunkan aplikasi web dengan cepat. Dalam perpustakaan ini, terdapat kaedah yang sangat berguna yang dipanggil AJAX, yang boleh mendapatkan data sisi pelayan melalui permintaan tak segerak tanpa menyegarkan keseluruhan halaman. Dalam kaedah AJAX, terdapat dua kaedah permintaan iaitu GET dan POST. Dalam artikel ini, kita akan belajar cara mendapatkan data menggunakan kaedah AJAX GET jQuery.

Sintaks kaedah AJAX GET adalah seperti berikut:

$.get(url, [data], [callback], [dataType]);

Di mana:

url: Alamat URL yang diminta, yang boleh menjadi laluan relatif atau mutlak laluan.

data: Data yang akan dihantar ke pelayan, yang boleh berupa rentetan, objek atau tatasusunan.

panggilan balik: Fungsi panggil balik selepas permintaan berjaya, yang boleh digunakan untuk memproses data yang dikembalikan oleh pelayan.

dataType: Jenis data yang dikembalikan oleh pelayan, seperti teks, html, xml, json, dsb.

Pertama, kita perlu memperkenalkan perpustakaan jQuery ke dalam halaman HTML. Ini boleh dicapai melalui kod berikut:

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Seterusnya, kita boleh menggunakan kaedah AJAX GET melalui kod berikut:

$.get('url.php', {param1: 'value1', param2: 'value2'}, function(data){
    alert(data);
}, 'json');

Kod ini akan menghantar permintaan GET kepada pelayan, Alamat permintaan ialah url.php, dan objek data yang mengandungi dua parameter dihantar. Apabila permintaan berjaya, fungsi panggil balik tanpa nama akan dipanggil untuk memproses data yang dikembalikan oleh pelayan, dan 'json' akan digunakan untuk menunjukkan jenis data yang dikembalikan oleh pelayan.

Dalam fungsi panggil balik, kami boleh memproses dan memaparkan data yang dikembalikan. Di sini kami menggunakan kaedah amaran mudah untuk memaparkan data yang dikembalikan oleh pelayan. Di samping itu, kami juga boleh memaparkan data di suatu tempat di halaman, atau menghantar data ke fungsi lain untuk pemprosesan selanjutnya.

Selain kaedah GET, AJAX jQuery juga menyediakan kaedah permintaan lain, seperti POST, PUT, DELETE, dll. Kaedah ini digunakan dengan cara yang sama, dengan parameter yang sedikit berbeza. Jika anda perlu mengetahui lebih lanjut tentang kaedah ini, anda boleh menyemak dokumentasi jQuery.

Ringkasnya, melalui kaedah AJAX GET, kami boleh mendapatkan data sisi pelayan dengan mudah, melaksanakan permintaan tak segerak dan meningkatkan pengalaman pengguna aplikasi web. Pada masa yang sama, kaedah AJAX jQuery juga menyediakan tetapan parameter yang kaya dan fungsi panggil balik untuk memenuhi pelbagai keperluan.

Atas ialah kandungan terperinci Cara menggunakan kaedah AJAX GET jQuery untuk mendapatkan data. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!