Bagaimana saya bisa menambahkan header HTTP khusus ke permintaan ajax dengan js atau jQuery?

Adakah yang tahu cara menambahkan atau membuat header HTTP khusus menggunakan JavaScript atau jQuery?

Ada beberapa solusi tergantung pada apa yang Anda butuhkan ...

Jika Anda ingin menambahkan tajuk khusus (atau set tajuk) ke permintaan individual, cukup tambahkan headersproperti:

// Request with custom header
$.ajax({
    url: 'foo/bar',
    headers: { 'x-my-custom-header': 'some value' }
});

Jika Anda ingin menambahkan header default (atau set header) untuk setiap permintaan, gunakan $.ajaxSetup():

$.ajaxSetup({
    headers: { 'x-my-custom-header': 'some value' }
});

// Sends your custom header
$.ajax({ url: 'foo/bar' });

// Overwrites the default header with a new header
$.ajax({ url: 'foo/bar', headers: { 'x-some-other-header': 'some value' } });

Jika Anda ingin menambahkan header (atau set header) untuk setiap permintaan, gunakan beforeSendhook dengan $.ajaxSetup():

$.ajaxSetup({
    beforeSend: function(xhr) {
        xhr.setRequestHeader('x-my-custom-header', 'some value');
    }
});

// Sends your custom header
$.ajax({ url: 'foo/bar' });

// Sends both custom headers
$.ajax({ url: 'foo/bar', headers: { 'x-some-other-header': 'some value' } });

Sunting (info lebih lanjut): Satu hal yang perlu diperhatikan adalah bahwa dengan ajaxSetupAnda hanya dapat menentukan satu set tajuk default dan Anda hanya dapat menentukan satu beforeSend. Jika Anda menelepon ajaxSetupbeberapa kali, hanya set header terakhir yang akan dikirim dan hanya callback sebelum-kirim terakhir yang akan dieksekusi.

Atau, jika Anda ingin mengirim tajuk khusus untuk setiap permintaan di masa mendatang, maka Anda dapat menggunakan yang berikut:

$.ajaxSetup({
    headers: { "CustomHeader": "myValue" }
});

Dengan cara ini setiap permintaan ajax di masa depan akan berisi tajuk khusus, kecuali secara eksplisit ditimpa oleh opsi permintaan. Anda dapat menemukan info lebih lanjut di ajaxSetup sini

Dengan asumsi JQuery ajax, Anda dapat menambahkan header khusus seperti -

$.ajax({
  url: url,
  beforeSend: function(xhr) {
    xhr.setRequestHeader("custom_header", "value");
  },
  success: function(data) {
  }
});

Berikut ini contoh menggunakan XHR2:

function xhrToSend(){
    // Attempt to creat the XHR2 object
    var xhr;
    try{
        xhr = new XMLHttpRequest();
    }catch (e){
        try{
            xhr = new XDomainRequest();
        } catch (e){
            try{
                xhr = new ActiveXObject('Msxml2.XMLHTTP');
            }catch (e){
                try{
                    xhr = new ActiveXObject('Microsoft.XMLHTTP');
                }catch (e){
                    statusField('\nYour browser is not' + 
                        ' compatible with XHR2');                           
                }
            }
        }
    }
    xhr.open('POST', 'startStopResume.aspx', true);
    xhr.setRequestHeader("chunk", numberOfBLObsSent + 1);
    xhr.onreadystatechange = function (e) {
        if (xhr.readyState == 4 && xhr.status == 200) {
            receivedChunks++;
        }
    };
    xhr.send(chunk);
    numberOfBLObsSent++;
}; 

Semoga itu bisa membantu.

Jika Anda membuat objek Anda, Anda bisa menggunakan fungsi setRequestHeader untuk menetapkan nama, dan nilai sebelum Anda mengirim permintaan.

Anda juga dapat melakukan ini tanpa menggunakan jQuery. Ganti metode pengiriman XMLHttpRequest dan tambahkan header di sana:

XMLHttpRequest.prototype.realSend = XMLHttpRequest.prototype.send;
var newSend = function(vData) {
    this.setRequestHeader('x-my-custom-header', 'some value');
    this.realSend(vData);
};
XMLHttpRequest.prototype.send = newSend;

Anda harus menghindari penggunaan $.ajaxSetup()seperti yang dijelaskan dalam dokumen . Gunakan yang berikut ini sebagai gantinya:

$(document).ajaxSend(function(event, jqXHR, ajaxOptions) {
    jqXHR.setRequestHeader('my-custom-header', 'my-value');
});

Dengan asumsi yang Anda maksud "Ketika menggunakan ajax" dan " header Permintaan HTTP ", kemudian gunakan headersproperti di objek yang Anda lewatiajax()

header (ditambahkan 1,5)

Default: {}

Peta kunci tajuk tambahan / pasangan nilai untuk dikirim bersama dengan permintaan. Pengaturan ini diatur sebelum fungsi beforeSend dipanggil; oleh karena itu, nilai apa pun dalam pengaturan tajuk dapat ditimpa dari dalam fungsi beforeSend.

- http://api.jquery.com/jQuery.ajax/

Metode "setRequestHeader" objek XMLHttpRequest harus digunakan

http://help.dottoro.com/ljhcrlbv.php

Anda dapat menggunakan js fetch

async function send(url,data) {
  let r= await fetch(url, {
        method: "POST", 
        headers: {
          "My-header": "abc"  
        },
        body: JSON.stringify(data), 
  })
  return await r.json()
}

// Example usage

let url='https://server.test-cors.org/server?enable=true&status=200&methods=POST&headers=my-header';

async function run() 
{
 let jsonObj = await send(url,{ some: 'testdata' });
 console.log(jsonObj[0].request.httpMethod + ' was send - open chrome console > network to see it');
}

run();