Bagaimana untuk menyesuaikan pengepala permintaan dalam JavaScript

Dengan perkembangan pesat teknologi Internet, aplikasi web telah menjadi salah satu bentuk Internet yang paling biasa hari ini. JavaScript, sebagai teknologi teras di bahagian hadapan halaman web, menjadi semakin penting. Antaranya, peningkatan teknologi AJAX membolehkan aplikasi web berinteraksi dengan pelayan bahagian belakang untuk data, dan halaman boleh dikemas kini secara dinamik tanpa menyegarkan halaman sepenuhnya. Walau bagaimanapun, dalam beberapa kes khas, untuk memenuhi keperluan aplikasi, kami perlu menyesuaikan beberapa pengepala permintaan khusus Pada masa ini, pengepala permintaan tersuai JavaScript menjadi sangat penting.

1. Apakah tajuk permintaan?

Dalam aplikasi web, apabila penyemak imbas menghantar permintaan kepada pelayan, permintaan itu akan mengandungi beberapa maklumat tambahan tentang permintaan itu, yang dipanggil pengepala permintaan dan biasanya mengandungi kandungan berikut:

• Terima: Jenis data yang disokong oleh penyemak imbas. Contohnya: Terima: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,/;q=0.8
• Perujuk: alamat sumber bagi halaman yang diminta. Contohnya: Perujuk: http://www.example.com/index.html
• User-Agent: Maklumat perisian pelanggan yang memulakan permintaan. Contohnya: Ejen Pengguna: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, seperti Gecko) Chrome/87.0.4280.141 Safari/537.36

2. Mengapa anda perlu sesuaikan tajuk permintaan?

Kadangkala, aplikasi web memerlukan beberapa pengepala permintaan khas untuk memenuhi beberapa keperluan khusus, seperti:

1. Permintaan silang asal

Dalam merentas domain permintaan Apabila membuat permintaan, pelayan boleh mengawal pengepala permintaan yang dibenarkan melalui parameter Access-Control-Allow-Headers. Jika anda perlu menambah beberapa parameter khas pada pengepala permintaan, anda perlu menyesuaikan pengepala permintaan melalui JavaScript.

2. Sekatan IP

Sesetengah pelayan akan menyekat berdasarkan alamat IP dalam pengepala permintaan Jika kami ingin menghantar permintaan melalui alamat IP yang berbeza, kami perlu menyesuaikannya permintaan.

3. Tetapan untuk memuatkan sumber

Sesetengah sumber memerlukan tetapan khusus, seperti pengekstrakan sumber, yang perlu ditentukan melalui pengepala permintaan.

3. Bagaimana untuk menyesuaikan pengepala permintaan?

Dalam JavaScript, anda boleh menyesuaikan pengepala permintaan melalui kaedah xhr.setRequestHeader(). Kod khusus adalah seperti berikut:

let xhr = new XMLHttpRequest();
xhr.open('POST', 'http://www.example.com/api', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = function () {
    console.log('请求成功');
};
xhr.send(JSON.stringify({name: 'Alice', age: 18}));

Dalam kod di atas, kami menambah pengepala permintaan Content-Type: application/json melalui kaedah xhr.setRequestHeader() dan menghantar format JSON melalui penghantaran () kaedah Data {nama: 'Alice', umur: 18}.

Dalam sesetengah kes, kita perlu menambah berbilang parameter, yang boleh ditambah melalui traversal. Kod sampel adalah seperti berikut:

let data = {
    name: 'Alice',
    age: 18
};
let xhr = new XMLHttpRequest();
xhr.open('POST', 'http://www.example.com/api', true);
for (let key in data) {
    if (data.hasOwnProperty(key)) {
        xhr.setRequestHeader(key, data[key]);
    }
}
xhr.onload = function () {
    console.log('请求成功');
};
xhr.send();

4. Ringkasan

Dengan menyesuaikan pengepala permintaan, kami boleh memenuhi beberapa keperluan khusus dan merealisasikan lebih banyak fungsi aplikasi web. Walau bagaimanapun, apabila menetapkan pengepala permintaan tersuai, kita perlu berhati-hati untuk tidak menambah maklumat pengepala yang tidak perlu untuk mengelakkan masalah yang tidak perlu.

Atas ialah kandungan terperinci Bagaimana untuk menyesuaikan pengepala permintaan dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!