Kaedah latar belakang panggilan JavaScript dengan parameter

WBOY
Lepaskan: 2023-05-16 12:14:37
asal
731 orang telah melayarinya

Dalam pembangunan bahagian hadapan, selalunya perlu memanggil kaedah latar belakang dan lulus parameter. JavaScript ialah bahasa yang paling biasa digunakan dalam pembangunan bahagian hadapan, jadi berikut akan memperkenalkan cara menggunakan JavaScript untuk memanggil kaedah latar belakang dengan parameter.

1. Gunakan JQuery Ajax untuk memanggil kaedah latar belakang

JQuery ialah perpustakaan JavaScript yang sangat popular yang menyediakan kaedah panggilan Ajax yang mudah. Berikut adalah contoh menggunakan JQuery Ajax untuk memanggil kaedah latar belakang:

$.ajax({
    type: "POST",
    url: "url",
    data: {param1:value1,param2:value2},
    dataType: "json",
    success: function(response){
        // 处理响应数据
    },
    error: function(xhr, status, error){
        // 处理错误
    }
});
Salin selepas log masuk

Antaranya, jenis mewakili kaedah permintaan, yang boleh GET atau POST mewakili alamat URL data; parameter yang akan diluluskan, yang boleh menjadi Objek atau rentetan; dataType mewakili jenis respons yang dijangkakan, yang boleh menjadi "json", "xml" atau "html", dsb mewakili fungsi panggil balik apabila permintaan gagal.

2. Gunakan Fetch API untuk memanggil kaedah latar belakang

Fetch API ialah cara baharu untuk memulakan permintaan rangkaian dalam API Web. Ia menyediakan fungsi yang lebih fleksibel dan berkuasa. Berikut ialah contoh menggunakan API Ambil untuk memanggil kaedah latar belakang:

fetch(url, {
    method: 'POST',
    body: JSON.stringify({param1:value1,param2:value2}),
    headers:{
        'Content-Type': 'application/json'
    }
})
.then(response => response.json())
.then(data => {
    // 处理响应数据
})
.catch(error => {
    // 处理错误
});
Salin selepas log masuk

Antaranya, url mewakili alamat URL yang diminta mewakili kaedah yang diminta, yang boleh GET atau POST mewakili parameter; untuk dihantar, yang boleh menjadi objek, FormData atau Blob, dsb.; ; tangkapan mewakili fungsi panggil balik apabila permintaan gagal.

3. Gunakan XMLHttpRequest untuk memanggil kaedah latar belakang

XMLHttpRequest ialah kaedah Ajax asli yang disediakan oleh JavaScript Ia boleh mendapatkan data yang dikembalikan oleh pelayan dan memprosesnya secara langsung. Berikut ialah contoh penggunaan XMLHttpRequest untuk memanggil kaedah latar belakang:

const xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        const response = JSON.parse(xhr.responseText);
        // 处理响应数据
    } else {
        // 处理错误
    }
};
xhr.send("param1=value1&param2=value2");
Salin selepas log masuk

Antaranya, kaedah terbuka bermaksud membuka permintaan, dan parameternya ialah kaedah permintaan, alamat URL permintaan dan sama ada ia tidak segerak; kaedah setRequestHeader bermaksud menetapkan maklumat pengepala untuk dihantar , di sini anda perlu menetapkan Content-Type kepada application/x-www-form-urlencoded mewakili fungsi panggil balik apabila status permintaan berubah; permintaan dan lulus parameter.

Ringkasan

Di atas memperkenalkan tiga cara biasa untuk memanggil kaedah latar belakang menggunakan JavaScript: menggunakan JQuery Ajax, menggunakan API Ambil dan menggunakan XMLHttpRequest. Dalam pembangunan sebenar, anda boleh memilih kaedah yang sesuai mengikut keperluan sebenar, dan memberi perhatian kepada menetapkan kaedah permintaan, URL, parameter, maklumat pengepala, dll. Pada masa yang sama, anda juga perlu memberi perhatian untuk mencegah serangan berniat jahat dan mengelakkan risiko keselamatan semasa memproses data tindak balas dan ralat.

Atas ialah kandungan terperinci Kaedah latar belakang panggilan JavaScript dengan parameter. 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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan