Wie kann ich benutzerdefinierte HTTP-Header zu Ajax-Anfragen in JavaScript oder jQuery hinzufügen?

Hinzufügen benutzerdefinierter HTTP-Header in Ajax-Anfragen mithilfe von JavaScript oder jQuery

In der Webentwicklung ist es häufig erforderlich, benutzerdefinierte HTTP-Header zu Ajax-Anfragen hinzuzufügen . So geht's mit JavaScript oder jQuery:

Option 1: Header zu einzelner Anfrage hinzufügen (jQuery)

Zum Hinzufügen eines benutzerdefinierten Headers zu einer bestimmten Anfrage mit jQuery , weisen Sie es der Eigenschaft „headers“ innerhalb der Funktion $.ajax() zu:

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

Option 2: Festlegen Standard-Header für alle Anfragen (jQuery)

Um einen Standard-Header für alle Ajax-Anfragen festzulegen, verwenden Sie die Funktion $.ajaxSetup() mit der Eigenschaft „headers“:

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

Nachfolgende $.ajax()-Aufrufe erben diesen Header, sofern er nicht explizit überschrieben wird.

Option 3: Header zu jeder Anfrage hinzufügen (beforeSend-Hook)

Sie können den beforeSend-Hook auch mit $.ajaxSetup() verwenden, um jeder Anfrage einen Header hinzuzufügen:

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

Dies ermöglicht Sie können Header vor jeder Anfrage dynamisch festlegen.

Wichtig Hinweis:

Bei der Verwendung von $.ajaxSetup() ist es wichtig zu bedenken, dass nur der letzte Satz von Headern und der letzte beforeSend-Rückruf ausgeführt werden, wenn Sie $.ajaxSetup() mehrmals aufrufen.

Das obige ist der detaillierte Inhalt vonWie kann ich benutzerdefinierte HTTP-Header zu Ajax-Anfragen in JavaScript oder jQuery hinzufügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!