Wie füge ich benutzerdefinierte HTTP-Header zu Ajax-Anfragen in JavaScript und jQuery hinzu?

Erkunden benutzerdefinierter HTTP-Header in JavaScript- und jQuery-Anfragen

Frage:

Wie können Sie benutzerdefinierte HTTP-Header erstellen oder hinzufügen? an Ajax-Anfragen mit JavaScript oder jQuery?

Antwort:

JavaScript und jQuery bieten eine Reihe von Optionen zum Hinzufügen benutzerdefinierter Header zu Ajax-Anfragen. Hier sind verschiedene Ansätze:

• Einzelne Anfrage-Header: Um Header zu einer bestimmten Anfrage hinzuzufügen, verwenden Sie die Headers-Eigenschaft:

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

• Standard-Header für alle Anfragen: Um Standard-Header für jede Anfrage festzulegen, verwenden Sie $.ajaxSetup():

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

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

• beforeSend Hook für benutzerdefinierte Header: Mit dieser Methode können Sie Header vor jeder Anfrage hinzufügen:

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

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

Zusätzlich Überlegungen:

• Mit ajaxSetup() können Sie nur einen Satz von Standardheadern definieren.
• beforeSend kann verwendet werden, um mehrere Header festzulegen und vor dem Senden eine benutzerdefinierte Logik festzulegen Anfrage.

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