Penerangan terperinci tentang penggunaan kaedah get dalam JQuery 3.2.1

JQuery ialah perpustakaan JavaScript yang sangat baik yang sering digunakan dalam pembangunan web untuk mengendalikan DOM, melaksanakan permintaan tak segerak, mengendalikan acara, dsb. Yang paling biasa digunakan ialah kaedah get. Artikel ini akan memperincikan penggunaan kaedah get dalam JQuery 3.2.1.

1. kaedah get

Kaedah get ialah salah satu kaedah yang paling biasa digunakan dalam JQuery, yang boleh mendapatkan permintaan rangkaian untuk kandungan URL yang ditentukan.

Kaedah ini terdapat dalam pelbagai bentuk, termasuk: jQuery.get( url [, data ] [, success ] [, dataType ] ) dan jQuery.getJSON( url [, data ] [, success ] ). Antaranya, kaedah get() mengembalikan objek jqXHR, dan kaedah getJSON() mengembalikan data JSON.

2. Sintaks asas

Sintaks asas kaedah get adalah seperti berikut:

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

Di mana, url mewakili alamat permintaan dan data mewakili data yang dihantar kepada pelayan. panggil balik ialah parameter pilihan, selalunya fungsi tanpa nama, digunakan untuk memproses data yang dikembalikan oleh pelayan. jenis menunjukkan jenis data yang dikembalikan oleh pelayan, dan lalai ialah xml.

3. Contoh

Berikut ialah contoh mudah kaedah get untuk mendapatkan fail teks:

$("#button").click(function(){
    $.get("test.txt", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

Dalam contoh di atas, apabila pengguna mengklik butang , fungsi akan dilaksanakan, kaedah get akan dipanggil untuk meminta kandungan fail test.txt dan kandungan akan dipaparkan dalam tetingkap timbul.

Berikut ialah satu lagi contoh kaedah get, yang digunakan untuk mendapatkan data JSON:

$.get("data.json", function(data, status){
    alert("Data: " + data + "\nStatus: " + status);
}, "json");

Dalam contoh di atas, kami menggunakan kaedah get untuk meminta kandungan data.json fail dan letakkan data Dipaparkan sebagai tetingkap pop timbul. Ambil perhatian bahawa kami menentukan jenis data sebagai JSON.

4. kaedah getJSON

Kaedah getJSON adalah serupa dengan kaedah get, ia boleh mendapatkan data JSON pada pelayan.

Berikut ialah sintaks asas kaedah getJSON:

$.getJSON(url, [data], [callback]);

Antaranya, parameter url, data dan panggil balik mempunyai maksud yang sama seperti kaedah get.

Berikut ialah contoh mudah:

$.getJSON("data.json", function(data){
    $.each(data, function(index, obj){
        alert(obj.name);
    });
});

Dalam contoh di atas, kami memanggil kaedah getJSON untuk meminta kandungan fail data.json dan melintasi data JSON yang dikembalikan ke mendapatkan Nilai nama dipaparkan dalam tetingkap pop timbul.

5. Ringkasan

Di atas ialah contoh mudah menggunakan kaedah get dan kaedah getJSON dalam JQuery 3.2.1. Melalui contoh-contoh ini, kita dapat melihat penggunaan asas kedua-dua kaedah ini. Saya percaya bahawa pengetahuan ini diperlukan untuk pembangun web yang ingin mempelajari JavaScript dengan lebih lanjut.

Atas ialah kandungan terperinci Penerangan terperinci tentang penggunaan kaedah get dalam JQuery 3.2.1. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!