Comment puis-je ajouter des en-têtes HTTP personnalisés aux requêtes Ajax en JavaScript ou jQuery ?

Ajout d'en-têtes HTTP personnalisés dans les requêtes Ajax à l'aide de JavaScript ou de jQuery

Dans le développement Web, il est souvent nécessaire d'ajouter des en-têtes HTTP personnalisés aux requêtes Ajax . Voici comment procéder en utilisant JavaScript ou jQuery :

Option 1 : Ajouter un en-tête à la demande individuelle (jQuery)

Pour ajouter un en-tête personnalisé à une demande spécifique à l'aide de jQuery , attribuez-le à la propriété "headers" dans la fonction $.ajax() :

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

Option 2 : Définir En-tête par défaut pour toutes les requêtes (jQuery)

Pour définir un en-tête par défaut pour toutes les requêtes Ajax, utilisez la fonction $.ajaxSetup() avec la propriété "headers" :

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

Les appels $.ajax() ultérieurs hériteront de cet en-tête à moins qu'ils ne soient explicitement remplacés.

Option 3 : Ajouter En-tête de chaque requête (beforeSend Hook)

Vous pouvez également utiliser le hook beforeSend avec $.ajaxSetup() pour ajouter un en-tête à chaque requête :

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

Cela vous permet pour définir dynamiquement les en-têtes avant chaque requête.

Important Remarque :

Lors de l'utilisation de $.ajaxSetup(), il est essentiel de se rappeler que seul le dernier ensemble d'en-têtes et le dernier rappel beforeSend seront exécutés si vous appelez $.ajaxSetup() plusieurs fois.

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!