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

Exploration des en-têtes HTTP personnalisés dans les requêtes JavaScript et jQuery

Question :

Comment pouvez-vous créer ou ajouter des en-têtes HTTP personnalisés aux requêtes Ajax en utilisant JavaScript ou jQuery ?

Réponse :

JavaScript et jQuery offrent une gamme d'options pour ajouter des en-têtes personnalisés aux requêtes Ajax. Voici différentes approches :

• En-têtes de requête individuels : Pour ajouter des en-têtes à une requête spécifique, utilisez la propriété headers :

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

• En-têtes par défaut pour toutes les demandes : Pour définir les en-têtes par défaut pour chaque demande, utilisez $.ajaxSetup() :

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

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

• beforeSend Hook pour les en-têtes personnalisés :Cette méthode vous permet d'ajouter des en-têtes avant chaque requête :

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

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

Supplémentaire Considérations :

• Avec ajaxSetup(), vous ne pouvez définir qu'un seul ensemble d'en-têtes par défaut.
• beforeSend peut être utilisé pour définir plusieurs en-têtes et avoir une logique personnalisée avant d'envoyer le demande.

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!