Comment puis-je ajouter des en-têtes HTTP personnalisés aux requêtes Ajax à l'aide de JavaScript et jQuery ?

En-têtes HTTP personnalisés dans les requêtes Ajax avec JavaScript et jQuery

L'ajout d'en-têtes HTTP personnalisés aux requêtes Ajax permet aux développeurs de joindre des informations supplémentaires aux requêtes sortantes. JavaScript et jQuery fournissent des méthodes polyvalentes pour réaliser cette personnalisation.

Ajout d'en-têtes personnalisés aux requêtes individuelles

Pour spécifier les en-têtes HTTP pour une requête spécifique, utilisez la propriété headers lors de la création l'appel Ajax :

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

Définition des en-têtes par défaut pour tous Requêtes

En employant $.ajaxSetup(), vous pouvez établir des en-têtes par défaut applicables à toutes les requêtes Ajax suivantes :

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

Ajout d'en-têtes à chaque requête avec beforeSend Hook

Une autre approche pour appliquer des en-têtes à toutes les requêtes Ajax implique le 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' } });

Remarque sur ajaxSetup :

Il convient de mentionner qu'ajaxSetup permet uniquement de définir un seul ensemble d'en-têtes par défaut et d'en appeler un avant le rappel d'envoi. Plusieurs appels ajaxSetup entraîneront l'application uniquement des derniers en-têtes définis et de la fonction beforeSend.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!