Wie kann ich mithilfe von JavaScript und jQuery benutzerdefinierte HTTP-Header zu Ajax-Anfragen hinzufügen?

Benutzerdefinierte HTTP-Header in Ajax-Anfragen mit JavaScript und jQuery

Durch das Hinzufügen benutzerdefinierter HTTP-Header zu Ajax-Anfragen können Entwickler zusätzliche Informationen an ausgehende Anfragen anhängen. JavaScript und jQuery bieten vielseitige Methoden, um diese Anpassung zu erreichen.

Hinzufügen benutzerdefinierter Header zu einzelnen Anfragen

Um HTTP-Header für eine bestimmte Anfrage anzugeben, verwenden Sie bei der Erstellung die Header-Eigenschaft der Ajax-Aufruf:

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

Standard-Header für alle festlegen Anfragen

Durch die Verwendung von $.ajaxSetup() können Sie Standard-Header festlegen, die auf alle nachfolgenden Ajax-Anfragen anwendbar sind:

$.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' } });

Hinzufügen von Headern zu jeder Anfrage mit dem beforeSend-Hook

Ein weiterer Ansatz zum Anwenden von Headern auf alle Ajax-Anfragen umfasst beforeSend Hook:

$.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' } });

Hinweis zu ajaxSetup:

Es ist erwähnenswert, dass ajaxSetup nur das Festlegen eines einzelnen Satzes von Standardheadern und das Aufrufen eines beforeSend-Rückrufs zulässt. Mehrere ajaxSetup-Aufrufe führen dazu, dass nur die zuletzt definierten Header und die beforeSend-Funktion angewendet werden.

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