javascript meletakkan parameter permintaan

Dengan pembangunan berterusan teknologi bahagian hadapan, JavaScript telah menjadi bahagian yang amat diperlukan dalam pembangunan web. Dalam sesetengah senario, kita perlu menggunakan permintaan PUT untuk mengemas kini data pada pelayan. Dalam artikel ini, kami akan meneroka cara menghantar parameter menggunakan permintaan PUT dalam JavaScript.

Permintaan PUT ialah permintaan kemas kini untuk sumber pelayan. Berbanding dengan permintaan POST, permintaan PUT boleh menggantikan atau mengemas kini sumber yang ditentukan tanpa menyatakan URL lengkap. Peraturan sintaks permintaan PUT adalah seperti berikut:

PUT /resource HTTP/1.1
Host: localhost
Content-Type: application/json
Content-Length: <length>

{
    "name": "put request",
    "description": "update server data"
}

Antaranya, Content-Type dan Content-Length digunakan untuk menentukan format data dan panjang data yang diminta. Dalam JavaScript, kita boleh menggunakan objek XMLHttpRequest untuk membuat permintaan PUT. Berikut ialah kod sampel yang menggunakan objek XMLHttpRequest untuk menghantar permintaan PUT:

const xhr = new XMLHttpRequest();
xhr.open("PUT", "/resource");
xhr.setRequestHeader("Content-Type", "application/json");

const data = {
    "name": "put request",
    "description": "update server data"
};

xhr.send(JSON.stringify(data));

Di sini xhr ialah objek XMLHttpRequest, kaedah open digunakan untuk mengkonfigurasi URL yang diminta dan kaedah permintaan, dan kaedah setRequestHeader digunakan untuk menetapkan Content-TypePengepala permintaan untuk menentukan format data yang diminta. Kaedah send digunakan untuk menghantar permintaan dan menukar parameter permintaan kepada rentetan JSON.

Selain menggunakan objek XMLHttpRequest untuk menghantar permintaan PUT, kami juga boleh menggunakan API fetch. Dalam ES6, penyemak imbas moden sudah pun menyokong API pengambilan secara asli. Berikut ialah kod sampel yang menggunakan API pengambilan untuk menghantar permintaan PUT:

const options = {
    method: "PUT",
    headers: {
        "Content-Type": "application/json"
    },
    body: JSON.stringify({
        "name": "put request",
        "description": "update server data"
    })
};

fetch("/resource", options)
    .then(response => console.log(response))
    .catch(error => console.log(error));

Parameter options di sini digunakan untuk mengkonfigurasi kaedah permintaan, pengepala permintaan dan parameter permintaan. Kaedah fetch digunakan untuk menghantar permintaan dan mengembalikan objek Promise. Kami boleh menggunakan kaedah .then dan .catch untuk mengendalikan respons dan ralat permintaan.

Untuk meringkaskan, menghantar permintaan PUT dalam JavaScript adalah sangat mudah. Hanya gunakan objek XMLHttpRequest atau API pengambilan untuk menukar parameter permintaan kepada rentetan JSON dan konfigurasikan pengepala permintaan.

Atas ialah kandungan terperinci javascript meletakkan parameter permintaan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!